Визуализация данных. О процессе (было/стало)
Как сделать более наглядный, эффективно работающий или рассказывающий историю график? В большинстве случаев люди рады тому, что из их цифр в Excel сложился красивый график, к нему добавили стили, раскрасили и вставили в презентацию. И как будто работа завершена.
Я приведу наглядный пример (из книги «Графики, которые убеждают всех»), преобразования графика в продающий вид, а также опишу методы, которые мы сами используем при разработке графиков для дашбордов клиентам.
Посмотрев на данный график, предлагаю задаться следующими вопросами:
- Насколько точно визуализированы данные?
- Удобно ли сравнивать данные?
- Очевидны ли выводы?
На рисунке круговая диаграмма сама по себе не особо наглядна. Данные сравнивать друг с другом неудобно. Хотелось бы сравнить доли продаж разных сыров по годам, но это сделать сложно. Также как и сделать какие-либо выводы.
Давайте начнем пошагово улучшать этот слайд
Во-первых, мы убрали трехмерность, теперь углы секторов более точно показывают значения, стало проще сравнивать.
Круговая диаграмма — не самый наглядный способ визуализации. Преобразуем в линейный график:
Теперь более точно видно, продажи каких сыров выросли, а каких наоборот. Далее уберем все, что может отвлекать от сути данного графика:
- тени,
- фон (в большинстве случаев лучше использовать белый или однотонный светлый фон — не мешает фокусироваться на представленных данных)
- контрастная сетка.
Значения подписаны возле концов линий. Значит шкалу вертикальной оси тоже можно убрать:
Сдвинем график в левую часть слайда и расставим значения слева и справа от линий. Поместим названия сыров рядом с концами линий.
И в заключении для более наглядного сравнения, приглушим цвета линий. Так как выросла доля или упала передает наклон линий, а не их цвет.
Сделаем заголовок более осмысленным и транслируем его в сам график, сделав более контрастными соответствующие линии:
И в заключении, под графиком необходимо располагать информацию об источнике данных. Чтобы читатель всегда смог проверить данные и их объективность.
Давайте попробуем понять, что именно мы поменяли, чтобы сделать этот график лучше.
Мы подобрали наиболее подходящий способ визуализации исходя из того, что хотим показать. Убрали лишние, чрезмерно контрастные и отвлекающие внимание элементы. Ввели наглядное цветовое кодирование. Постарались сделать очевидной главную мысль, добавив акценты. Дополнительно подчеркнули это в заголовке.