Диаграммы без ограничений
Какую диаграмму выбрать?
Начинайте с вопроса, на который отвечают ваши данные, а не с диаграммы, которая вам нравится. Вот как сопоставить одно с другим — и каких ошибок стоит избегать.
Начните с задачи
Любая диаграмма кодирует числа чем-то видимым: положением, длиной, углом, площадью или цветом. Люди оценивают их с очень разной точностью. В рейтинге Кливленда и Макгилла точнее всего читается положение на общей шкале, затем положение на невыровненных шкалах, затем длина и угол, затем площадь, а оттенок цвета — в самом конце (Cleveland & McGill 1984). Поэтому хорошая диаграмма отдаёт важное сравнение самому точному способу кодирования.
Вот почему первый шаг — назвать задачу: вы сравниваете величины, показываете изменение во времени, показываете части целого, связываете две величины или показываете, как распределены значения?
| Ваш вопрос | Что выбрать | Почему |
|---|---|---|
| Как соотносятся эти величины? | Столбчатая диаграмма | Длины от общей базовой линии сравнивать проще всего. |
| Как ранжируются многочисленные категории? | Линейчатая диаграмма | Горизонтальные полосы оставляют место для длинных подписей. |
| Как это менялось со временем? | Линейный график | Наклон показывает скорость изменения. |
| Из чего состоит это целое? | Кольцевая диаграмма | Для нескольких частей и одной ясной мысли. |
| Чем различается состав групп? | Нормированная диаграмма с накоплением | Доли выстраиваются по общим краям. |
| Связаны ли эти две величины? | Точечная диаграмма | Каждая строка становится точкой, и проявляются закономерности. |
| Как распределены эти значения? | Гистограмма | Интервалы раскрывают форму распределения. |
| Как соотносится разброс в нескольких группах? | Ящик с усами | Медианы и квартили бок о бок. |
| Что привело нас от этого числа к тому? | Каскадная диаграмма | Плавающие столбцы перекидывают мост между двумя итогами. |
| Где люди отсеиваются? | Воронкообразная диаграмма | Каждый этап — подмножество предыдущего. |
| Какие немногие причины важнее всего? | Диаграмма Парето | Отсортированные столбцы плюс кумулятивная линия. |
Изменение во времени
Время почти всегда идёт слева направо. Для множества точек используйте линию; для нескольких периодов подойдут столбцы, в которых каждое значение легко прочитать. Диаграммы с областями и накоплением показывают итог и его части во времени, но точно читается только нижний слой.
Никогда не размещайте две величины в разных единицах на двух осях Y. Совмещение двух шкал произвольно, поэтому любое видимое пересечение или корреляция — артефакт того, как были заданы оси. Постройте две диаграммы или переведите обе величины в индекс.
Части целого
Круговые и кольцевые диаграммы годятся для двух-шести частей и простой мысли. Если частей больше или они близки по размеру, понятнее будут отсортированные полосы. Чтобы сравнить состав нескольких групп, используйте нормированную диаграмму с накоплением, а не ряд круговых.
Убедитесь, что части действительно складываются в целое. Вопросы опроса с несколькими вариантами ответа или пересекающиеся категории в целое не складываются.
Цвет со смыслом
Дайте каждому ряду один цвет и сохраняйте его от диаграммы к диаграмме. Не раскрашивайте столбцы по значению, если у категорий нет порядка, — значение и так видно по длине. И не используйте больше цветов, чем читатели способны различить: максимум около восьми, а для точечных диаграмм ещё меньше. Палитры Chart Buffet с пометкой «безопасно для дальтоников» проверены так, чтобы соседние цвета оставались различимыми при самых распространённых формах дальтонизма.
Подписывайте напрямую, где можно. Легенда заставляет переводить взгляд туда и обратно, а подпись в конце линии или на столбце читается сразу.
Сохраняйте честность
Столбцы и области должны начинаться с нуля, потому что их длина или площадь и есть значение. Линиям это не обязательно — у них главное наклон, — но если вы обрезали ось, скажите об этом.
Уберите всё, что не несёт информации: жирные линии сетки, рамки, 3D-эффекты, тени. Тафти назвал отношение данных ко всему остальному «долей чернил для данных» (data-ink ratio) и призывал её повышать (Tufte 1983).
Литература
- Cleveland, W. S. & McGill, R. (1984). Graphical perception: theory, experimentation, and application to the development of graphical methods. Journal of the American Statistical Association 79(387), 531–554.
- Bertin, J. (1967). Sémiologie graphique. Paris: Gauthier-Villars; La Haye: Mouton.
- Tufte, E. R. (1983). The Visual Display of Quantitative Information. Cheshire, CT: Graphics Press.
- Munzner, T. (2014). Visualization Analysis and Design. Boca Raton, FL: CRC Press.
- Friendly, M. & Denis, D. J. (2001). Milestones in the history of thematic cartography, statistical graphics, and data visualization. Web document.