О проекте
Этот проект — моя попытка привлечь внимание к проблеме смертности в дорожно-транспортных происшествиях. Через визуализацию данных я старалась показать, насколько остро стоит эта проблема, и подчеркнуть, что многие жизни можно было бы спасти благодаря грамотному городскому планированию и мерам безопасности.
Моё вдохновение — международная программа Vision Zero, успешно реализованная в ряде стран Европы. Она направлена на снижение смертности на дорогах за счёт структурных изменений и создания безопасных условий для всех участников движения. Я надеюсь, что однажды эта программа будет активно развиваться и в России.
Проект оказался очень личным для меня, поскольку тема смертности в ДТП в нашей стране остаётся в тени, несмотря на её актуальность. Через искусство, основанное на данных (data art), я хотела не только привлечь внимание к этой теме, но и поделиться лучшими мировыми практиками.
Данные и их обработка
Сбор и обработка данных оказались гораздо сложнее, чем я ожидала. Основные данные о смертности в ДТП, представленные в динамике по странам Европы, пришлось собирать из множества разрозненных источников. Информация была в текстовом формате, зачастую «зашумлена» или требовала серьёзной ручной очистки.
Дополнительные данные, такие как численность населения, протяжённость дорог и ВВП, помогли расширить контекст. Данные о смертности, ВВП и населении я собирала с сайта DataBank, а данные о длительности автомобильных дорог — с Википедии.
Я также искала данные о владении автомобилями, которые могли бы добавить глубины проекту, но, к сожалению, подходящих источников не нашла.
Технически работа началась с Excel, PowerBI и Google Sheets, но эти инструменты часто выдавали ошибки или были ограничены по возможностям. Данные были в очень разных форматах, по-разному оформлены, где-то даже в тексте. Лучшим решением, как ни странно, стала ручная обработка данных, хотя это заняло достаточно времени.
Процесс работы
Работа над проектом прошла через несколько этапов, расскажу немного о каждом из них. В процессе создания проекта — для личной и социальной мотивации — я рисовала маленькие скетчи о своих страданиях и успехах. Я постила их в свой телеграм канал и делилась с читателями текущим состоянием дел и проблемами. В итоге эти почеркушки стали частью проекта.
Сбор данных
Главный набор данных включал информацию о смертности в ДТП по странам Европы в динамике за несколько лет. Дополнительно я добавила данные о численности населения, протяжённости дорог и ВВП, чтобы сделать визуализацию более многослойной.Создание концепции
Я долго искала подходящий визуальный язык для проекта. Основной идеей было создание растительных форм, символизирующих трагизм ситуации.
Изначально я хотела использовать мотивы ромашек, но при тестировании они выглядели слишком перегруженными. На одном из этапов я увидела изображение хлопка (или, возможно, гипсофилы) и связала его с бинтами, что оказалось более точной метафорой. Белый цвет подчеркнул траурный характер данных, сохраняя при этом нейтральный тон.
Реализация визуализации
Я использовала RawGraphs для создания первоначальной графики, но инструмент автоматически адаптировал оси под каждый набор данных, что привело к несоответствиям. Например, шесть для одной страны визуально выглядело как десять для другой. Это вынудило меня вручную синхронизировать графику.
Для финальной работы я перенесла проект в Figma, так как хорошо знакома с этим инструментом. Он оказался удобным для доработки деталей, особенно при отсутствии навыков работы в Adobe Illustrator.
Легенда и аннотации
Одной из самых сложных частей стала проработка легенды и подписей. Это был важный этап, попытка понятно объяснить, что вообще происходит в этом арт-проекте для тех, кто решит погрузиться в данные. Очень много вариантов я сделала, прежде чем мне понравилось то, что получилось! Это было трудоемко, и мои глаза очень уставали работать с мелкими деталями.
-
Обратная связь и тестирование
Я протестировала проект на людях, далёких от визуализации данных. Это выявило проблемы в структуре и дизайне, которые я сама не замечала. Зрители ошибочно соотносили белые круги с осями, тогда как только вершины стеблей были связаны с данными.После тестирования я убрала линии осей и добавила прямые подписи к каждому элементу, чтобы сделать визуализацию понятнее.
Хотя положительная обратная связь мотивирует, именно конструктивная критика помогла исправить ошибки.
Итог проекта
Ссылка на итоговый проект: Визуализация "Смертность в ДТП"
Работа над проектом была довольно трудоёмкой: я делала его ночами на ноутбуке с тачпадом, пока рядом спал маленький ребенок. Но в итоге он стал для меня одной из самых значимых работ. Итоговая визуализация — это печальные растения, символизирующие данные о смертности. Цветовая гамма подчёркивает трагизм ситуации, избегая агрессии и излишней эмоциональности.
Этот проект получил признание на международной арене. Он вошёл в лонглист премии Information is Beautiful Awards 2022, а недавно о нём была напечатана статья в международном журнале по визуализации данных Nightingale.
Выводы и значение работы
Через этот проект я хотела показать, что за сухой статистикой стоят настоящие человеческие трагедии. Это не просто цифры, а потерянные жизни, которых могло не быть.
Я верю, что такие проекты могут не только вдохновлять, но и мотивировать к изменениям. Надеюсь, что тема безопасности на дорогах станет более заметной в нашем обществе, а программы вроде Vision Zero получат широкую поддержку.
Спасибо что дочитали.
Про еще один мой дата-арт проект можно почитать статью на habr: "Визуализация данных о семье".
Если вам интересно больше узнать про визуализацию данных, я пишу про нее в тг-каналах Chatting Charts и DataComics.
Будьте внимательны на дорогах!
Комментарии (8)
OlegUV
23.01.2025 12:04красиво. но впереди ещё долгий путь. рекомендую d3.js без посредников в виде rawgraphs или чего-то подобного. как пример, который лично мне кажется близок к идеалу https://habr.com/ru/companies/datalaboratory/articles/200158/ плюс лекции/выступления Татьяны Мисютиной, есть/были на ютубе
eolay Автор
23.01.2025 12:04Спасибо) Это один из первых моих первых проектов. И да, есть желание сделать что-то такое интерактивное кодом. JS я не настолько хорошо знаю, хотя пробовала в D3 погрузиться - все же порог слишком высок для того, кто этим по работе не занимается. Пока что с p5.js балуюсь. Таню Мисютину активно читаю! Люблю этот проект, хоть он и не дата-артовский. У нее в команде есть программисты, насколько я знаю, так что она делает прототипы в Tableau, а реализуют уже другие. Хорошо иметь команду! А пока что - на RAWGraphs. Но надеюсь, поделюсь и другими проектами. На сайте у меня если что есть уже пара материальных дата-артов - из бисера и на 3D-принтере напечатанных) Но с кодом пока осторожничаю, все получается как-то недостаточно круто 8))) ... в рамках сообщества ЦиЦ делала дата-значки на p5.js но там совсем простые данные и визуализация. Но конечно круто программировать проект на основе данных - иметь возможность его обновить - офигенно!.. сейчас с этим страдаю. Но прям дойти до того уровня эстетики, который нужен - без ручного труда на голом коде, мне пока не хватает скиллов...
EdSho
23.01.2025 12:04Интересно и красиво. Особенно нравятся Ваши "почеркушки"
Белый цвет подчеркнул траурный характер данных
Почему именно белый цвет - траурный? Не знаю ни одной традиции, где траур символизирует белый.
Цветовая гамма подчёркивает трагизм ситуации, избегая агрессии и излишней эмоциональности.
Почему Вы старались избежать излишней эмоциональности, ведь эмоции особенно привлекли бы внимание к такой больной теме?
Учитывая цель Вашего проекта (привлечение внимания), Вы как-то анализировали эффект от него? Были ли привлечено внимание именно к проблемам ДТП, а не к технической стороне проекта и интересным приемам визуализации? Какие-то последствия Ваш проект имел? Может, демонстрировался на каких-то совещаниях по ДТП, конференциях по безопасности дорожного движения?
eolay Автор
23.01.2025 12:04Спасибо большое! У славян белый цвет - цвет траура, именно поэтому платья у невест - белые - их оплакивают для старого рода, и отдают в новую семью, для старой семьи они считаются мертвыми. У европейских культур вроде бы аналогично.
Я считаю, что красный - это перебор. Это сиюминутная опасность. Потому что не эти эмоции хотелось вызвать: опасность, кровь, страх, агрессия... Красный цвет слишком сильно давит на эмоции, у многих вызывает отторжение, как слишком резкий. Мне не хотелось тут "кричать" данными - это как писать текст капслоком, хотелось вдумчиво показать эту печальную картину, которую нужно некоторое время изучать. Я думаю, красные, агрессивные проекты на эту тему тоже могут быть прекрасными и интересными, но конкретно тут я выбрала другое настроение.
Вот пытаюсь везде про него рассказывать, пока эффекта особо не вижу, ну или мне о нем не известно. Вряд ли на совещаниях показывают такого рода проекты (там данные в другом виде), но если кто-то лишний раз залюбуется и прочитает о проекте и узнает хотя бы, что существует такая проблема и такая программа как Вижн Зеро, это уже неплохо) Жаль, у меня не такие большие охваты, чтобы на что-то повлиять. Но вот еще 500 человек почитало про эти данные.
erogov
23.01.2025 12:04Про красивую и осмысленную визуализацию данных неплохо почитать Эдварда Тафти.
eolay Автор
23.01.2025 12:04О да, Тафти прекрасный, читала у него одну из книг (жаль, не все). Там много шикарных примеров визуализации данных. Мне больше всего запомнилось японское расписание автобусов - которое само себе визуализация! Впрочем тоже не зная, что это, не разберешься с ходу.
second_try
Долго пытался понять что графике что означает, потом прочитал легенду и понял, что это график зависимости населения от длины дорог, на который случайным образом нанесены данные по смертности )
eolay Автор
Можно и так трактовать))) Но вообще, дата-арт подход он про то чтобы сделать на основе данных красивую картину, где данные сохраняются и четко следуют правилам, но обычно уже труднее считываются, чем на обычном графике. У дата-арт проектов цель - не донести данные, а привлечь внимание. Насчет случайном образом нанесенных данных - да, это отдельная "ось", где данные идут снизу вверх, с осями не перекликаясь. Только конечная точка соотносится с осями X и Y. С этим у меня была как раз основная проблема со считыванием, я частично улучшила ситуацию, но не убрала проблему совсем)) Там еще много нюансов, который не позволяет легко считывать данные с этого графика. Увы! Еще там рейтинговые оси - на добивочку 8)))