Визуализация данных. О процессе (было/стало)

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

Я приведу наглядный пример (из книги «Графики, которые убеждают всех»), преобразования графика в продающий вид, а также опишу методы, которые мы сами используем при разработке графиков для дашбордов клиентам.

Посмотрев на данный график, предлагаю задаться следующими вопросами:

На рисунке круговая диаграмма сама по себе не особо наглядна. Данные сравнивать друг с другом неудобно. Хотелось бы сравнить доли продаж разных сыров по годам, но это сделать сложно. Также как и сделать какие-либо выводы.

Во-первых, мы убрали трехмерность, теперь углы секторов более точно показывают значения, стало проще сравнивать.

Круговая диаграмма — не самый наглядный способ визуализации. Преобразуем в линейный график:

Теперь более точно видно, продажи каких сыров выросли, а каких наоборот. Далее уберем все, что может отвлекать от сути данного графика:
- тени,
- фон (в большинстве случаев лучше использовать белый или однотонный светлый фон — не мешает фокусироваться на представленных данных)
- контрастная сетка.

Значения подписаны возле концов линий. Значит шкалу вертикальной оси тоже можно убрать:

Сдвинем график в левую часть слайда и расставим значения слева и справа от линий. Поместим названия сыров рядом с концами линий.

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

Сделаем заголовок более осмысленным и транслируем его в сам график, сделав более контрастными соответствующие линии:

И в заключении, под графиком необходимо располагать информацию об источнике данных. Чтобы читатель всегда смог проверить данные и их объективность.

Давайте попробуем понять, что именно мы поменяли, чтобы сделать этот график лучше.

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