Как сделать тепловую карту в Google Fusion Tables

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

Если данные были нормализованы и сохранены в виде файла Excel, .ods, .csv или .kml, Сводные таблицы Google может помочь. Fusion Tables управляет большими коллекциями данных, поэтому вы можете запрашивать, отображать, отображать временные графики, диаграммы и добавлять к ним взаимодействие, включая комментарии пользователей.

Новостные агентства чаще всего использовали Fusion Tables для отображения данных. Посмотри:

• Самые бедные и самые богатые места в Англии (тепловая карта из The Guardian)
• Карта мира атомных электростанций и зон землетрясений (тепловая карта из maptd)

Чтобы сделать тепловую карту в Сводные таблицы , следуйте этому учебному руководству, адаптированному из семинара, который инженер Google Developer Programs Engineer Кэтрин Херли недавно провела для Хаки/Хакеры Нью-Йорка .

Начните с электронной таблицы данных для сопоставления, сохраненной в виде файла Excel или OpenOffice или в формате .csv. Чтобы показать границы на карте, вам также понадобятся шейп-файлы (сохраненные в виде файлов .kml).

Для каждого файла, который вы хотите загрузить, выберите:Новая таблица >> Импорт таблицы.

В окне «Импорт новой таблицы» выберите источник данных в левом столбце и нажмите «Выбрать файл», затем нажмите «Далее», чтобы начать импорт.

В следующем окне нажмите «Далее», чтобы импортировать все столбцы данных. Если вы хотите опустить столбцы, снимите с них флажки и нажмите «Далее».

В следующем окне заполните столько полей, сколько вам нужно. Нажмите «Готово».

Если ваш шейп-файл не в формате .kml, попробуйте Шпескейп , созданный Джошем Ливни. Shpescape может конвертировать .prj, .shp, .shx и .dbf в .kml.

Теперь, когда и данные, и шейп-файл загружены как отдельные таблицы, их необходимо объединить:

Открывайте каждую таблицу в отдельной вкладке браузера. В окне файла данных выберите «Объединить».

Перейдите на вкладку шейп-файла и скопируйте URL-адрес из адресной строки.

Вернитесь в окно файла данных и вставьте URL-адрес в поле 2 «Объединить с». Затем нажмите «Получить».

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

Назовите новую объединенную таблицу и нажмите «Объединенные таблицы».

После завершения объединения таблиц создайте карту, выбравВизуализировать >> Карта.

Чтобы отобразить контур шейп-файла, убедитесь, что для параметра «Местоположение» установлено значение «геометрия».

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

Чтобы очистить его, выберите ссылку «Настроить информационное окно» над меню. Снимите флажки со столбцов, которые вы хотите скрыть.

Чтобы еще больше изменить то, что находится в информационном окне, щелкните вкладку «Пользовательский» и отредактируйте HTML. Нажмите «Сохранить».

Теперь карта должна отражать ваши изменения.

Чтобы еще больше изменить внешний вид карты, щелкните ссылку «Настроить стили» над картой.

Во всплывающем окне перейдите в «Полигоны» >> «Цвет заливки» и выберите вкладку «Градиент», чтобы изменить затенение карты.

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

Нажмите «Сохранить». Карта обновится до новой цветовой схемы.

Чтобы внести изменения в саму карту и добавить окно поиска, используйте FusionTablesLayer Builder .

Layer Builder все еще находится на экспериментальной стадии, поэтому могут быть сбои. Google Code имеет документацию, которая подробно объясняет его использование .

Чтобы попробовать это самостоятельно, убедитесь, что ваша карта общедоступна, нажав кнопку «Поделиться» в правом углу над картой и установив для параметра «Видимость» значение «Общедоступно».

Затем скопируйте идентификатор таблицы, который представляет собой числа сразу после «dsrcid=» в URL-адресе.

В FusionTablesLayer Builder вставьте этот номер в «Идентификатор вашей таблицы».

Когда вы будете готовы показать свою новую карту публике, получите код для встраивания. Во-первых, убедитесь, что ваша таблица Fusion Table общедоступна, нажав кнопку «Поделиться» в правом углу над картой и проверив, что для параметра «Видимость» установлено значение «Общедоступно».

Затем нажмите на ссылку «Получить встраиваемую ссылку» над вашей картой и скопируйте полученный код. Вставьте код в документ HTML, сохраните файл и откройте его в браузере. Готово.

Не позволяйте этому длинному сообщению ввести вас в заблуждение: если ваши данные были очищены и правильно отформатированы, относительно быстро можно получить карту, диаграмму или ПОХОЖАЯ временная шкала началось с Google Fusion Tables.

Чтобы узнать больше, см. эти руководства:

• Учебник Google Fusion Tables представлен на NICAR 2011
• Дополнительные руководства по Google Fusion Tables
• Краткий видеоурок от Circle of Blue, который сообщает о проблемах с водой во всем мире.

А если у вас есть проект, о котором вы хотели бы сообщить команде Fusion Tables, отправьте электронное письмо по адресу googletables-feedback@google.com или свяжитесь с ними в Twitter. @GoogleFT .

Крис Ву журналист, стратег, кодер и повар. Когда она не консультирует клиентов по вопросам взаимодействия с пользователями и создания сообщества, она организует Хаки/Хакеры встречи и мероприятия объединить журналистов, разработчиков и дизайнеров для перезагрузки новостей. Она в твиттере @МакДива .