Интерактив «Байкал: 25 миллионов лет» — история озера на чистом SVG

Описание

Показать, что страница может удерживать внимание без видео и без бюджета на съёмку —
одним только кодом. Задача внутренняя: сделать образец уровня, который не стыдно
показать любому заказчику.

Решение

Разрез озера живёт вместе с прокруткой: дно проваливается, борта рифта поднимаются,
появляется лёд, со дна бьют гидротермальные источники. Отдельный ползунок опускает
на 1642 метра — к девяти загадкам озера. Всё на чистом SVG, одним файлом, без единой
сторонней библиотеки.

Результат

Страница собрана за одну смену. Все цифры сверены по источникам, и список источников
стоит прямо на странице: расхожие «рифт расходится на 2 см в год» из текста убраны,
потому что в источниках таких данных нет.

Презентация проекта

Ссылки на примеры реализации