Александр Богачев - Графики, которые убеждают всех

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

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

Вот типичный график, который мы часто видим в презентациях:

С одной стороны, автор явно старался: слайд выглядит ярким и привлекает взгляд. Применены стандартные шаблоны оформления диаграмм из Excel и PowerPoint.

Но давайте зададим несколько вопросов, чтобы понять, насколько нагляден этот слайд:

1) Представлены ли на нем данные? Да, доля твердых сыров в каждом году графически закодирована углами секторов круговой диаграммы.

2) Насколько точно визуализированы данные? Не очень точно.

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

3) Удобно ли сравнивать данные? Нет, неудобно.

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

4) Очевидны ли выводы? Нет. Что нам нужно понять – сейчас неясно.

Давайте начнем пошагово улучшать этот слайд.

Сначала уберем псевдотрехмерность, проверим, станет ли нагляднее:

Теперь углы секторов более точно показывают значения. Но все же в этой ситуации круговая диаграмма – не самый наглядный способ визуализации. Давайте поменяем его на линейный график:

Кажется, в этом что-то есть! Мы просто изменили вид визуализации – и содержание сразу же стало очевиднее. Мы видим, доля продаж каких сыров выросла и насколько, а каких – упала. Попробуем убрать все, что отвлекает от самих линий и подписей к ним.

Для начала уберем тень:

Поменяем фон на белый:

Уберем агрессивную контрастную сетку:

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

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

Нам по-прежнему неудобно сверять цвета с легендой. Давайте поместим названия сыров рядом с линиями:

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

Уже почти то, что нужно! Сделаем заголовок более осмысленным:

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