Как лучше сделать навигацию по дереву?

Александр Прохорович, спасибо за скрин. Т.е. тут всегда виден топовый уровень, и можно раскрывать интересующие ветви. Хорошо работает на малых числах дочерних элементов. Но если открываешь, а там притаилась пара тысяч элементов следующего уровня?

Как лучше сделать навигацию по дереву?

1С немецким пользователям, вероятно, не очень знаком пока.
Задачи пользователей сформулированы плохо (никак), но типа хотят "понимать" иерархию-структуру компаний, и при случае находить, да.

Как можно вычесть свободные отрезки?

отрезки гарантированно валидные, не пересекаются?

Как отключить выполнение функции Javascript на других страницах?

Everybody_Lies, что вы, об этом не может быть и речи! : ) (в данном контексте)

Как найти дубликаты в массиве?

попробуйте через «словарь»:

{
  "буква": 5,  // число раз, сколько она встретилась в строке
}

Можно/нужно улучшить это код?

TheOnlyFastCoder2, открыл попап, и гори всё огнём? ) Как закрывать-удалять бум?

Как реализовать следующую анимацию?

IG51, обновил – с увеличением размера на вершине

Как реализовать следующую анимацию?

там ещё и размер шрифта меняется по пути: в конце он меньше, в середине крупнее

Как реализовать следующую анимацию?

IG51, вы, должно быть, так шутите? : ))
Направление-то понятно.

Как форма кривой вам задана? Это синусоида, или это кубическая кривая Безье, отрисованная дизайнером. Или это последнее движение мышкой?

Как реализовать следующую анимацию?

траектория как задаётся?

Можно/нужно улучшить это код?

godsplane, че-т усложнили, вроде бы. Одна кнопка — один попап? Или там возможны многие-ко-многим?

Можно/нужно улучшить это код?

godsplane, код вырван из контекста: не видно всего прочего. И какова задача — максимально упростить для пишущих HTML создание попапов? - поэтому через data-атрибуты связываете кнопку с попапом?.

Можно/нужно улучшить это код?

Внутри этого когда мало, что можно улучшить.

btnPop.forEach((btn) => {
  if (e.target !== btn) return;

  const popup = document.querySelector(`[data-popup='${btn.dataset.trigger}']`);
  if (popup) {
    popup.classList.add('active');
  }
});

Можно/нужно улучшить это код?

godsplane, по ссылке, которую вы не читали, есть ответ. Прочтите внимательно.

Как убрать нули, если они не нужны?

maketosLikes, https://jsfiddle.net/sergiks/wx6L4z83/

Как убрать нули, если они не нужны?

а если 1 день, 00 часов и 3 минуты ?

Как решить проблему с разными часовыми поясами пользователей?

Lynn «Кофеман», не, я погуглил, есть слово "streak", читается именно «стрик»

Как нарисовать плавные струйки дыма?

Спасибо большое за хороший иллюстрированый урок! Думаю, многим будет полезен.

Да, blend хорошая штука. Лет 100 назад я даже записал видео с техникой рисования размытых вспышек — там ещё добавлял маску для большей плавности ухода в прозрачность.

Но в исходной иллюстрации немного другая история, как мне кажется. Без резких краёв, которые видны в вашем решении. Что-то ближе к этому мне уже удалось сделать, плавно двигая кривую и меняя её форму. Там, где она «задерживается» дольше, становится ярче.

картинка

Для лука как на исходной картинке, наверное, надо ещё пост-обработкой увеличить контраст S-кривой.

Как решить проблему с разными часовыми поясами пользователей?

Чтобы отвязаться от часовых поясов, посмотрите на проблему иначе: пусть «серией побед», считаются победы каждые 3 часа. Как в таких условиях вы определяли бы границы: когда уже можно засчитать новое событие, и когда аккаунт опоздал и серия прервалась? Изначально дан только timestamp первого события юзера.

Как решить проблему с разными часовыми поясами пользователей?

что такое «стрик» ?