Как создать интерактивную карту хороплет. 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. Или продублировать ее, чтобы в будущем вносить изменения в копию.

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

Над материалом работали:
Ольга Бердецкая
Иллюстрации:
скриншоты сервиса Datawrapper
Инструкция актуальна:
апрель 2021 года

Подводя итоги:

1
загрузите данные
2
задайте стиль карты
3
поделитесь результатом