Время прочтения: 6 минут
Появление и массовое распространение интернета повлияло на то, как человек получает и воспринимает информацию. Интерактивные онлайн-карты дали новый виток развития картографии и расширили ее возможности в визуализации данных. Пользователь же получил возможность самостоятельно исследовать карту с разных устройств.
Новые стандарты сторителлинга и большие объемы данных создали новые задачи для передачи информации с помощью веб-карт. Ответом на эти вызовы стал новый новый инструмент повествования, расположенный на стыке интерактивной карты и презентации.
Не просто онлайн-карта
Интерактивные онлайн-карты — популярное средство представления информации.
На такой карте пользователь может изучать объекты на разных масштабах, а также узнавать о них дополнительную информацию, например, во всплывающих окнах.
Но что если на веб-странице есть текст со множеством тезисов, для адекватного объяснения которых нужно несколько карт, в том числе интерактивных? Чем больше данных на карте, тем сложнее в ней ориентироваться, а несколько интерактивных карт заставят пользователя постоянно листать страницы, теряя внимание, концентрацию и, возможно, даже желание изучать материал.
В ситуациях, когда одним набором данных не обойтись, все чаще можно встретить такое явление, как Story Maps. Дальше по тексту я буду использовать русский вариант этого термина — карты-истории. Если у вас есть свой вариант перевода, то смело оставляйте его в комментариях в соцсетях.
Карты-истории — это мультимедийное картографическое произведение, объединяющее карту с текстом, изображениями и видео. Можно представить их себе как своего рода презентации, где вместо фона слайдов чаще всего интерактивная карта. А содержимое слайдов — набор данных, отображенных на интерактивной карте, который дополняет информацию в виде текста, изображения или видео.
Слайды меняются по мере листания страницы (скроллинга) с помощью колесика мышки или пальца (если используется смартфон или планшет). На странице меняется текст и изображение и, если нужно, то меняется масштаб или содержание карты.
Сама карта в таком формате чаще всего интерактивная, но бывают случаи, когда используется несколько статичных карт, часто исторических, созданных до появления персональных компьютеров. Что остается неизменным, так это скроллинг, ставший популярным в сторителлинге, благодаря которому и появились карты-истории.
История появления и причины популярности
Одной из поворотных страниц в появлении карт-историй стал декабрь 2012 года. На сайте газеты New York Times вышла статья, рассказывающая о том, как сход лавины в штате Вашингтон привел к смерти трех участников группы лыжников и сноубордистов. Вы можете прочитать эту историю, но важно не ее содержание, а то, как она была описана.
В материале использовалась техника, которая сейчас называется скроллителлинг (scrollytelling). Тогда он был весьма специфичной для современного взгляда, но считается, что это первая такая работа. Если вам кажется термин похожим на слово сторителлинг (storytelling), то это не случайно. Часть слова story заменена на scrolly.
Статья была революционно оформлена для того времени: по мере ее пролистывания появлялись анимированные вставки и видео, в которых, кстати, присутствовали картографические элементы. За революцию в дизайне повествования статей материал получил Пулитцеровскую премию в 2013 году, задав новый тренд в дизайне лонгридов.
В 2013 году компания Esri выпустила для широкого круга пользователей первый продукт, позволяющий создавать карты-истории — Esri Story Maps. Этот продукт и дал название жанру.
С помощью заданных шаблонов пользователь мог делать своего рода презентации. В одной части экрана — текст и картинки, в другой — интерактивная карта, позволяющая лучше понять содержание текста. Можно задавать несколько слайдов, и по мере перехода с одного слайда на другой меняется как текст с картинкой, так и сама карта: появляются новые слои с данными, меняется масштаб, отображаются другие территории.
Сначала содержимое менялось по щелчку мышки, но мода на скроллинг быстро добралась до карт-историй, создание которых стало доступно не только клиентам Esri. Специалисты по созданию интерактивных онлайн-карт смогли адаптировать свои инструменты под эту задачу, и интерактивные карты-истории стали нередко появляться в крупных медиа.
Примеры реализации
Карты-истории могут быть не центральным элементом повествования, а только частью нарратива, спрятанной среди обычного текста, графиков или других анимированных элементов на странице. Причем в одной статье может быть даже несколько карт-историй.
Пожалуй, самой частой сферой применения, этого метода является дата-журналистика. Такими картами активно пользуются различные крупные издания, такие как New York Times, Washington Post и ТАСС. Обычно в таких больших агентствах есть картографы, специализирующиеся на веб-картографии или IT-специалисты в широком смысле этого слова, которые могут не только работать с данными, но и визуализировать их с помощью карт или графиков. В то же время, встречаются и журналисты, которые как занимаются написанием материалов, проведением расследований, так и сами визуализируют результаты.
Проект «Когда пришел Наполеон» от команды ТАСС — яркий пример карты-истории в журналистике, который был удостоен множеством премий. Заметную роль в повествовании сыграла интерактивная визуализация карты-схемы потерь французской армии Шарля Жозефа Минара.
Помимо журналистов, карты-истории используют и органы власти, которые должны отчитываться о своей работе или о ситуации в их сфере ответственности. Пример такого — презентация информации о сельском хозяйстве в Израиле. В Министерстве сельского хозяйства страны подготовили отчет о картографировании и сборе данных о различных аспектах отрасли.
Карты-истории помогают не только отчитываться о работе или рассказывать истории, но и доносить позицию при обсуждении различных тем. Урбанистика — как раз такая сфера. Городская жизнь нередко становится местом споров и конфликтов по поводу того, как надо менять или не менять город и уклад в нем. Вот пример использования карты-истории в Бостонском проекте Tree Boston про важность деревьев в городе.
А еще вы можете просто делать свои проекты для души. Например, Александр Пронин создает карты-истории с местами, фигурирующими в известных фильмах, таких как «Один дома 2» или «Брат». Можно на карте увидеть место из фильма, а также сравнить по фото, как оно изменилось с момента съемок.
Инструменты для создания карт-историй
Карты-истории уже больше десятилетия широко используются как инструмент визуализации и донесения информации. За это время накопился инструментарий создания таких работ как с использованием кода, так и с помощью специализированных программ или no code/low code платформ.
Вне зависимости от способа создания карт-историй, вам понадобятся основы ГИС и визуализации данных. Если вы проходили какие-либо курсы по основам ГИС, то этого будет достаточно. Но посмотреть на примеры и повысить насмотренность никогда не помешает, и курс «Введение в QGIS» может дать вам важные основы работы с пространственными данными.
Итак, вы знаете основы ГИС и визуализации данных. Дальше у вас выбор: специализированные платформы или веб-разработка.
Из специализированных платформ наиболее известными являются ArcGIS StoryMaps (платная), Flourish (частично бесплатная) и GeoLibre (бесплатная и open source). Да, возможно они не дадут вам реализовать все ваши идеи из-за своих ограничений, но у них невысокий порог входа, и они позволят вам быстро освоиться и начать работать. Интуитивно настолько все понятно, что кто-то сможет разобраться даже без руководства.
Без использования готовых платформ порог входа повыше, зато больше возможностей кастомизации. Для создания карт-историй таким способом потребуются, как минимум, следующее:
- знать основы HTML и CSS — языки разметки и оформления веб-страниц;
- знать основы JavaScript и уметь пользоваться картографическими библиотеками, например MapLibre или Mapbox GL JS — остальные библиотеки подбираются уже под конкретную задачу;
- знать основы ГИС: разбираться в форматах геоданных (включая GeoJSON) и базовых принципах визуализации данных;
- знать основы работы с базами данных и SQL. Уметь пользоваться PostgreSQL в связке с PostGIS.
Если вы уже делали интерактивные карты, то довольно быстро сможете освоиться в этих инструментах. Если нет, но готовые платформы не дают вам достаточной свободы для веб-сторителлинга, то есть смысл освоить инструменты веб-картографии. Сейчас не нужны годы для получения нужных навыков, а медианная зарплата специалистов, способных создавать веб-карты, — одна из самых высоких среди ГИС-специалистов, что может стать дополнительной мотивацией.
Материал подготовил Александр Зуев
