Как создать интерактивную карту хороплет: сервис Datawrapper

Как создать интерактивную карту хороплет: сервис Datawrapper

технология

Как создать интерактивную карту хороплет: сервис Datawrapper
Раскрасить регионы на карте — создать фоновую картограмму или хороплет — позволяет сервис Datawrapper. Это бесплатно.

Вот пример карты хороплет, созданной в сервисе Datawrapper.

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

Чтобы создать такую карту в сервисе Datawrapper, проведите подготовительную работу:
 

  • создать в Google Документах таблицу. Преобразуйте ее в файл с расширением CSV (или загрузите в Google Документы таблицу с таким расширением);
  • внесите в таблицу данные, которые хотите показать на карте. Заполните 2 столбца — один с названием региона, второй с цифрами.

Откройте сервис Datawrapper. Зарегистрируйтесь. Кнопка Login в правом верхнем углу (рядом с кнопкой «Start creating»).

Создать аккаунт на сервисе Datawrapper можно по электронной почте, через свои профили в Github, Google, Microsoft и Twitter.

После регистрации, попадете в личный кабинет. Нажмите New Map в верхней строке.

Сервис «спросит», какой тип карты вы хотите создать. На выбор предложено 3 варианта:

Choropleth map
Карта хороплета. Здесь можно раскрасить регионы, чтобы отобразить на карте данные.

Symbol map
Карта символов. На карту добавляются символы, размер и цвет которых зависит от внесенных данных.

Locator map
Карта локатора. Маркеры на карте покажут, где что находится или произошло.

Сервис Datawrapper позволяет загрузить свою карту или предложит использовать одну из встроенных в него. Карта получится адаптивной и интерактивной.

Выбирайте тип «Choropleth map».

Шаг первый — выберите карту.

В поисковой строке задайте Russia. Сервис покажет, какие карты в него заложены для нашей страны:
 

  • регионы показаны квадратами
  • регионы
  • регионы с Крымом
  • Москвы с районами
  • Московской области
  • Санкт-Петербург с районами
  • Округа Санкт-Петербурга

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

Выбрав карту, нажмите на синюю кнопку «Proceed».

Шаг второй — добавить данные на карту. Это можно сделать тремя способами:
 

  1. Заполнить приведенную ниже таблицу значениями, которые нужно визуализировать. Чтобы добавить в таблицу дополнительные строки, щелкните правой кнопкой мыши.
  2. Скопировать информацию из подготовленной таблицы и вставить в приведенную в сервисе таблицу.
  3. Импортировать данные автоматически, нажав кнопку импорта под таблицей, и загрузить подготовленную ранее таблицу.

Когда данные будут добавлены, снова нажмите на синюю кнопку «Proceed».

Шаг третий — визуализируйте карту.

Переключайтесь между вкладками, чтобы настроить карту.

Refine (уточнение)
Впишите заголовок, задайте цветовой градиент для карты, укажите легенду, ее местоположение

Annotate (аннотация)
Добавьте описание карты, текстовую аннотацию к регионам, ссылку на источник данных, всплывающую подсказку.

Design (дизайн)
Выберите макет карты, установите язык для карты (русский есть), включите кнопку «поделиться в соцсетях» (появятся кнопки для Фейсбука, Вконтакте и Твиттера).

Все изменения увидите на карте справа.

Нажмите на синюю кнопку «Proceed».

Шаг четвертый — опубликуйте карту.

Нажмите «Publish chart», чтобы получить ссылку на карту и код, чтобы встроить ее на сайт.

Также сервис Datawrapper позволяет экспортировать карту в изображение и скачать в формате PNG. Или продублировать ее, чтобы в будущем вносить изменения в копию.

Ваша карта готова.

Инструкция актуальна на апрель 2021 года.

Спецпроекты sdelano.media

Над материалом работала
Ольга Бердецкая

Иллюстрации
скриншоты сервиса Datawrapper

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: