☝🏻Я бы не разделял этих восторгов. У проекта очень плохой UX, при всех его достоинствах. 99% пользователей в жизни не догадаются, что часы можно крутить и просто проскроллят галерею и пойдут дальше. Нет ни одного текста. Из каждого режима (рисование, крутилка) выход по незаметному тапу (клику) в правом углу. Но как концепт дает пищу для идей.

И похожий по механике скроллителл с движением по мирам, лишенный этих недостатков. Русский сайт группы Аквариум.

https://www.aquarium.ru/ru

Спасибо Настеньке за ссылку

Понравилась простая mobile first вёрстка. Видно что десктоп сделан по остаточному принципу, но это ничего не портит. Такой материал можно собрать довольно быстро.

Понравилось также как элегантно нарратив завязан на движении по карте. Отмечу функциональный локатор.

https://elpais.com/internacional/2024-05-29/mapas-hamas-resurge-en-areas-de-gaza-que-israel-consideraba-desmanteladas.html

Увлекательное видео от Экономист прямо в ленте Инстаграма с правильно сделанной пузырьковой картодиаграммой внутри.

Кроме того, много быстро сменяющихся футажей (двигающиеся в кадре фото и видео из соцсетей) с подписью источника и простая 3д сцена с морскими контейнерами; один анимированный цифрофакт; сделанная в Афтере сцена с декоративными переписками мошенников.

Отлично удерживает внимание, без усилий досмотрел до конца

#несерьзнаяэкономика

- Инфляции нет. Все идет по плану!
- Так в 2020-м средняя зарплата какая была? А в 2025-м практически каждый, включая женщин и стариков, может получать от 210 тысяч плюс выплата за подписание контракта. Что, съели? Ну, признайтесь! Вы просто работать не хотите, а хотите только ролики свои снимать.

👆Пример вирального видео, построенного на простейшем сравнении цен автомобилей сейчас и 5 лет назад. Из аналитики — [неправильно] рассчитанные проценты роста (или что это?).

Осталось добавить нормализацию по инфляции.

Простенько и остроумно. И по нынешним временам довольно смело 👇🏻

Лучшее завершение рабочей недели — с цитатами Дмитрия Медведева

“Ъ” проанализировал канал бывшего президента России, выделил там характерные прилагательные и обзывательства, и сделал генератор фраз.

Теперь, чтобы придумать оригинальное оскорбление, можно обратиться к опыту гуру!

https://www.kommersant.ru/doc/7992199

Формат, про который я уже писал, но есть некоторые отличия.

NYT все больше и все шире (видимо это хорошо идёт по метрикам) использует этот ход. Прямо во время листания ленты запускается видео, которое ведёт автор материала, он сам находится в кадре. В данном случае это graphics editor. Часто там есть какой-то эксперт или человек на месте. В этом случае, так как это визуальный журналист, что мне и показалось важным зафиксировать, он рассказывает на 1,5 минуты историю, построенную на анализе спутниковых снимков и сопровождает инфографикой. Плюс его видео из дома, снятое на телефон, плюс футажи из базы и конечно субтитры.

Фактически это и самостоятельный материал и он же является тизером к основному тексту, под которым выходит.

https://www.nytimes.com/video/world/middleeast/100000010405069/where-will-gazans-go.html?smid=url-share

📈Wordle для диаграмм
В копилку дата-квизов. Игра Chartle — что-то вроде Wordle, но для диаграмм: игроки угадывают страну, выделенную на графике красным цветом. Увлекательно и интересно, новые задания каждый день. Проверьте себя, перешлите коллегам.

Еще по теме
Дата-квиз на знание мира в 2100 году

Подписывайтесь 👉 📈Дата-сторителлинг

Подбиратель палитр со скроллителлинговым (и интерактивным вторым планом) рассказом о том, как он устроен.

Абсолютно прекрасная вещь.

👆Внимательные читатели подсказали, что я не написал ссылку. Исправляюсь!

https://meodai.github.io/poline/

Остроумный формат 👇

Роскошно выстроенный сторителлинг.

Я бы отметил как просто и лаконично сделано с технической точки зрения. Ведь это же просто галерея статичных картинок, меняющихся по скроллу. Но сторителлинг зарешал.

👇🏻

Хочу поделиться пусть совсем не новым, но сильным визуальным проектом от Reuters. Он показывает масштаб кризиса рохинджа в 2017 году: сколько людей было вынуждено бежать, как быстро выросли лагеря беженцев и как огромная толпа превращается в целый "город", сопоставимый с крупными городами. Через постепенное увеличение численности - от десятка до сотен тысяч - визуализация позволяет почувствовать масштаб трагедии не как сухие цифры, а как жизнь огромного количества людей.

1. Масштаб, который ощущается физически
История начинается с малого: 15 человек. А после идет на увеличение. Ты просто скроллишь, а толпа перед глазами растет. Иногда увеличение масштаба работает честнее любых линий и столбцов: цифры становятся чем-то, что можно прочувствовать.

2. Переход от фигур к абстракции
Сначала показаны человеческие фигуры. Когда количество достигает сотен тысяч, визуализация превращается в строгую сетку-плитку. Переход сделан аккуратно: сначала создается эмоциональная связь, а затем внимание плавно переводится на масштаб.

3. Правильные аналогии
Сравнение численности лагеря с известными крупными городами мира - сильный ход. Это классический, но очень эффективный прием: мы плохо ощущаем огромные числа, но намного лучше понимаем, например, масштаб знакомых городов. После такого сравнения цифра перестает быть абстракцией.

4. Минимум цветов, украшений, никакого визуального шума
Все внимание на количестве людей и на масштабе происходящего.

5. Текст поддерживает, а не перетягивает внимание
Reuters грамотно дозируют текст: ровно столько, чтобы понять контекст, но не отвлечься от визуальной части. Это важно: визуализация работает как основной рассказчик, а текст как проводник.

Очень качественная работа и сильный пример того, как датавиз способен говорить о сложных гуманитарных темах

➡️https://www.reuters.com/graphics/MYANMAR-ROHINGYA/010050XD232/

Совершенно роскошный дата-геосторителлинг для промо поста в рамках челленджа в соцсети.

Yan Holtz сделал очень симпатичную игрушку (и историю вокруг неё) о том, как сделать график более читаемым и аккуратным.

Попробуйте сами, лучше только на десктопе.

https://www.react-graph-gallery.com/example/line-chart-design-improvement

Образцовый скроллителлинг на основе большой схемы.

https://www.nytimes.com/interactive/2025/12/31/us/trump-deals-policy-conflicts-web.html