Вот пример карты хороплет, созданной в сервисе 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 года.