Говори на языке диаграмм: пособие по визуальным коммуникациям

ХОРОШО

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

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

2. Позиционное сравнение

Для иллюстрации позиционного сравнения лучше всего подходит линейчатая диаграмма.

По вертикали располагается не шкала, а только обозначения сравниваемых элементов – стран, отраслей промышленности, компаний, имен продавцов. Самое главное – вы можете расставить линейки в нужной вам последовательности. Например, в диаграмме, где проводится сравнение показателей рентабельности продаж клиента и его пяти конкурентов, линейки, озаглавленные названиями компаний, можно расположить в алфавитном порядке, по времени начала работы компании в отрасли, по объемам продаж, по показателям рентабельности – от самого низкого значения показателя к самому высокому или, как в примере, от самого высокого к самому низкому (от лучшего к худшему).

Линейчатая диаграмма

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

Для обозначения количественных величин можно использовать либо шкалу вверху (иногда – внизу), либо цифры на концах линеек, но ни в коем случае и то и другое одновременно. Шкалу используйте, если хотите только кратко ознакомить с взаимосвязями, цифры – если эти взаимосвязи важны для передачи основной идеи. Иногда неплохо использовать шкалу и одну цифру, на которой необходимо сделать акцент. Сочетание же шкалы и нескольких цифр излишне и создает помехи как в линейчатых диаграммах, так и в гистограммах и графиках.

Используя цифры, округляйте их и избегайте дробей, если точная величина несущественна. К примеру, 12 % запоминается гораздо лучше, чем 12,3 % или 12,347 %.

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

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

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

ХОРОШО

ПЛОХО

3. Временное сравнение

Если покомпонентное и позиционное сравнения показывают взаимосвязи в определенный момент времени, то временное сравнение отражает динамику изменений.

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

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

Гистограмма

Помимо этих различий, каждый из данных двух типов диаграмм имеет свои собственные характеристики и разновидности, поэтому их стоит изучить отдельно.

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

Так же как и в случае с линейчатыми диаграммами, существует несколько разновидностей гистограмм, что позволяет использовать их для выражения различных идей. Во второй части книги описано, где и как их лучше применять.

Гистограмма отклонений разделяет, к примеру, годы, когда компания имела прибыль, и годы, когда она терпела убытки.

Диапазонная гистограмма показывает разницу между самым высоким и самым низким значением отдельного параметра, например колебания какого-либо показателя во время торгов на фондовом рынке.

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

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

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

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

График

При составлении графика имейте в виду, что линия тренда должна быть жирнее, чем ось абсцисс, которая, в свою очередь, должна быть жирнее горизонтальных и вертикальных линий, образующих координатную сетку.

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

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

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

Главная задача – решить, сколько именно линий можно использовать одновременно, чтобы график не напоминал спагетти. Будем реалистами: график с восемью линиями вовсе не обязательно будет в два раза полезнее, чем с четырьмя. В два раза запутаннее – может быть.

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

«Спагетти-график»

Разбираемся в путанице

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

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

Как в уже описанном случае со «спагетти-графиками», разбираться в огромном количестве слоев лучше всего посредством разделения компонентов и показа каждого на отдельном основании – разбив диаграмму с областями с накоплением на более простые диаграммы с областями.

От графика с областями с накоплением…

…к более простым графикам с областями

4. Частотное сравнение

Частотное сравнение показывает, сколько значений данного параметра (частотность) попадает в последовательные области числовых значений.

Этот тип сравнения применяется в двух основных случаях. Во-первых, для обобщения сходных событий на основе выборки наблюдений. Здесь частотное сравнение используется для того, чтобы предсказывать риск, вероятность или возможность. К примеру, посредством данного вида сравнения можно показать, что в 25 % случаев грузы доставляются за пять или менее дней, или выразить в процентах некую возможность – скажем, выбросить несчастливую семерку при игре в кости (берегите свои деньги: подобное происходит в каждом шестом случае).

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

Второй случай использования этого типа сравнения, нередко встречающийся в презентациях и докладах, – суммирование больших объемов информации для того, чтобы продемонстрировать значимую взаимосвязь (например, 25 % грузов доставляются за 5–6 дней). Подобное применение особенно полезно для отражения демографической информации – количества работников с определенным размером заработной платы, распределения семей по уровням дохода или модели голосования по возрастным группам. Неудивительно, что такой тип сравнения данных особенно часто используется во время переписи населения или президентских выборов.

ГИСТОГРАММА

В вышеназванных целях данный тип сравнения лучше всего иллюстрировать с помощью ступенчатых гистограмм или графиков. Гистограммы нагляднее, когда используется не больше 5–7 областей числовых значений, в противном случае удобнее будет график.

ГРАФИК

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

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

При использовании диапазона в 500 долл. проследить зависимость не удается.

Если мы увеличим размер диапазона до 1 тыс. долл., модель начинает вырисовываться.

Но лишь при использовании дипазона в 2 тыс. долл. мы получаем наглядную модель. Здесь мы ясно видим колоко-лообразную кривую, которая обычно изображает частотное распределение. Кривая сдвинута влево, то есть к низшей стороне распределения. Это иллюстрирует основную идею: почти в половине штатов (в 23 из 50) учителям платят менее 16 тыс. долл. в год.

Размер интервалов. Лучше всего использовать интервалы одинакового размера. Если один интервал отражает разницу в 5 долл., а другой – в 20, кривая распределения получится искаженной. Исключением из этого правила являются случаи, когда информация фиксируется в неравных диапазонах (например, уровни образования) или когда неравные интервалы помогают лучше усвоить информацию (как в случае с разбросом подоходного налога). Разброс доходов настолько велик, что близко к низшей точке оказывается слишком много людей, а к высшей – слишком мало. Поэтому равные интервалы здесь применять нельзя. При использовании интервалов по 1 тыс. долл. придется чертить диаграмму в несколько метров шириной, а при интервалах по 40 тыс. долл. практически все население окажется в пределах первого интервала. Диаграмма будет наиболее информативной, если более мелкие интервалы использовать ближе к низшей точке, а более крупные – ближе к высшей.

Четкие границы. Размеры интервалов должны быть четко обозначены. «Перекрывающиеся» границы (0—10, 10–20, 20–30) не объясняют, к каким интервалам относятся цифры, повторяющиеся по два раза (10, 20). Для непрерывных величин (например, объемов продаж в долларах) предпочтительнее всего следующие границы – менее 10,00 долл., 10,00–19,99 долл., 20,00–29,99 долл. и т. д. Для дискретных величин (количество произведенных автомобилей и т. п.) – менее 10, 10–19, 20–29 и т. д.

И гистограммы, и графики можно совмещать. Например, для того, чтобы сравнить данные по двум разным годам или сопоставить возрастной состав сотрудников вашей компании и компаний-конкурентов или в отрасли в целом. Кроме того, при иллюстрации конкретных величин можно применять диаграммы с накоплением, чтобы показать вклад каждого параметра в общую сумму[Внимание! Нельзя применять диаграммы с накоплением, когда частота распределения выражена в процентах. Например, если от 5 до 10 долл. в час зарабатывают 60 % женщин и 50 % мужчин, нельзя сказать, что в целом 110 % населения зарабатывают от 5 до 10 долл. в час.].

5. Корреляционное сравнение

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

На этой диаграмме мы показываем 16 сделок с точки зрения размера скидок и количества единиц проданного товара. Обычно ожидается, что чем больше скидка, тем выше стимул купить больше товара. Но, как показывает точечная диаграмма, в данном случае подобной корреляции нет.