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

Наш любимый — TimelineJS — бесплатный инструмент с открытым исходным кодом. С его помощью можно построить красивый интерактивный таймлан, наполненный фото, видео, картами и ссылками.

Посмотрите, как журнал Time использовал этот инструмент, чтобы рассказать о биографии Нельсона Манделы.

TimelineJS делит пространство на слайды с описанием и шкалу времени. Получается очень наглядно. Но работает это, разумеется, только, если история имеет чёткий хронологический порядок.

Истории создаются в несколько простых шагов:

HSTRY — заточенный под образование сервис — даёт возможность выстроить события вертикально и добавить на шкалу элементы викторины и поля для комментариев. Вот, как представлен материал про выборы в США.

Таймлайны хорошо зарекомендовали себя в образовании: с их помощью можно наглядно показать историю в развитии. Визуальный контент, сопровождающий временную шкалу помогает последовательно всё запоминать.

Если вы умеете работать со скриптами, попробуйте jQuery Timelinr. Это простой и изящный плагин, который создаёт горизонтальные и вертикальные таймлайны с возможностью автовоспроизвдения. Например, вот так.