Как мы построили график горизонта на исторических данных для спецпроекта ТАСС
В спецпроекте "Бескрайний крайний. Как строили новый дом на Дальнем Востоке России" мы построили график, который показывает различия в годовом количестве осадков в европейской части России, на Дальнем Востоке, в Китае и на севере Монголии. Подробно рассказываем, как создавался график "Распределение осадков в % от годового количества".
Что мы хотели показать
Есть ли сильные различия между городами разных регионов и почему крестьянам-переселенцам из европейской России было крайне сложно вести сельское хозяйство на новых территориях.
Какие данные у нас были на старте
Дано: данные по годовому распределению количества осадков в девяти городах. Четыре из них располагаются в европейской части России, три — на Дальнем Востоке и еще два — в Китае и на севере Монголии.
Все данные на конец XIX — начало XX века. Из книги (стр.442) мы перенесли данные в таблицу.
Как мы подбирали подходящий способ визуализации
Идея №1 — барчарты
Самый простой способ — барчарт, или столбчатую диаграмму — мы оставили как запасной вариант. Этот вид визуализации мы уже использовали в каждой главе спецпроекта, поэтому решили поискать другие варианты.
Идея №2 — линейные графики
Почему линейный график не подошел:
- Сложно воспринимать все города, много цветов.
- Видна только общая закономерность: больше всего осадков летом.
- Сложно сделать выводы о климате, так как различия между городами не считываются.
Мы сгруппировали линии по регионам.
Графики заняли неоправданно много места в макете, и их все еще неудобно сравнивать друг с другом.
Идея №3 — лепестковая диаграмма
У нас остались те же проблемы, что и с линейным графиком, и добавились новые:
- Все города на одной визуализации не считываются, много цветов.
- Такая диаграмма обычно используется для сравнения повторяющихся периодов, например лет. В нашем случае линия иллюстрировала город, что запутывает еще больше.
Финальная идея — график горизонта (horizon chart)
И тут в отчаянии мы решили перечитать заголовок — речь идет об осадках или воде. Вдохновение пришло из рисования, а точнее, из техники размывки, когда для создания тени используется многократное наложение одной разбавленной краски.
По такому же принципу работает график горизонта (horizon chart) — диаграмма с областями, разделенная на сегменты. Они накладываются друг на друга, и образовавшиеся пересечения (более темные цвета) показывают увеличение показателя. Такой вид визуализации более компактный и позволяет разместить рядом много рядов данных.
В СМИ диаграмма горизонта практически не встречается, так как не всегда может быть понятной без дополнительных разъяснений. А еще готовых инструментов для ее построения нет — нужно писать код!
Где строили график
Мы использовали готовый код для визуализации в Observable. Загрузив данные, мы сразу увидели, как сильно климат на Дальнем Востоке похож на погодные условия в Китае и как не похож на европейскую часть России. Наложение сегментов решали задачу — подсвечивали периоды сильных осадков.
Как дорабатывали
Теперь нужно подобрать оптимальное число таких сегментов и при этом не потерять данные: на сколько условных "полос" мы можем разделить график по оси Y.
Разбиение на два и три сегмента съедало значения менее 0,5%.
Пять или шесть сегментов показывали все небольшие значения, но в то же время давали неоправданно большое наложение в периоды сильных осадков — изображение "замусоривалось".
В итоге мы решили остановиться на четырех срезах: в такой визуализации видна интенсивность осадков, и как бонус границы сегментов получились целыми числами.
Финал
Осталось выгрузить результат в формате SVG и передать дизайнеру инфографики на доработку. Отдельно мы сделали легенду к графику, чтобы объяснить читателю, как читать визуализацию.
Осталось добавить подписи и закодировать цветом летние и зимние месяцы. Вот такой результат мы добавили в спецпроект:
А подробнее о том, как проходило освоение Дальнего Востока, несмотря на сложные климатические условия, — читайте в спецпроекте "Бескрайний крайний".