Scrollytelling во Flourish. Как заставить графики двигаться вместе с прокруткой страницы

❗❗❗Так называемое Министерство юстиции РФ признало «Важные истории» «нежелательной организацией». Так что репост этого и любого другого нашего видео может караться штрафом, а повторный репост — уголовным делом.

Но никто не может запретить вам смотреть и думать. Поэтому подписывайтесь на наш канал, просите подписаться своих друзей и оставайтесь с нами — в это темное время выжить мы сможем только вместе.
_____________________________

Выпуски «Мастерской» теперь будут на отдельном канале. Подписывайтесь
➡️ https://www.youtube.com/channel/UCVZy5a_8sMo4ncI6XBb5iMQ
_____________________________
Скроллителлинг (scrollytelling) — прием, когда при прокрутке страницы ее содержимое меняется не полностью: неподвижными остаются фон или часть графика. Такой прием позволяет поэтапно объяснять сложные вещи.

В технике скроллителлинга istories.media объясняли, как устроены вбросы на выборах. Дата-журналист Алексей Смагин («Тинькофф журнал») объясняет, как сделать такую визуализацию практически не используя программирование.

Текстовая инструкция: https://istories.media/workshops/2020/08/14/skrollitelling-vo-flourish/
Датасет для тренировки: https://github.com/pineappleblack/istories_scrolly

🔹 Подписаться на рассылку Мастерской «Важных историй»
➡️ https://istories.media/workshops/

🔹 Телеграм-канал Мастерской
➡️ https://t.me/istories_workshop

Таймкоды:
00:00 Введение
00:11 Что такое cкроллителлинг (scrollytelling)?
01:00 Почему понадобится базовое знание HTML и CSS
01:32 Создаем визуализацию во Flourish
03:05 Как из одной визуализации сделать несколько
03:32 Как выделить фрагмент графика на карте
04:25 Как собрать несколько слайдов в единую визуализацию
05:39 Как сделать cкроллителлинг во Flourish
06:20 Как отредактировать HTML-код в шаблоне под наш график
09:37 Как сделать невидимой «лишнюю» часть блока с текстом
10:45 Как заставить текст тоже перемещаться при прокрутке

Видео Scrollytelling во Flourish. Как заставить графики двигаться вместе с прокруткой страницы канала Важные истории