Истории

Как сделать наглядный график или диаграмму: 5 способов визуализации данных

Истории
Анна Полякова
Анна Полякова

Редактор

Вероника Елкина

Статистику удобно визуализировать, но неправильный выбор формата может сделать информацию непонятной или даже ввести зрителя в заблуждение. Дизайнер Люси Тодд рассказала о пяти способах визуализации данных и правилах работы с ними.

Как сделать наглядный график или диаграмму: 5 способов визуализации данных

Гистограммы

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

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

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

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

Линейные графики

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

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

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

Круговые и кольцевые диаграммы

Эти диаграммы входят в число наиболее часто используемых форм визуализации данных. Есть круговые диаграммы (заполненные) и кольцевые (пустые). Их можно выбрать только в том случае, если вы показываете части целого. Например, с помощью круговой диаграммы получится продемонстрировать, что 75% гусениц любят яблоки, так как всего гусениц 100%.

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

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

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

Квантограммы

Квантограмма — это набор повторяющихся пиктограмм для визуализации количества. Этот способ отлично подходит для изображения небольших чисел («на нашей улице открылись 12 новых ресторанов»), а также небольших процентов или пропорций («в трех из четырех (75%) ресторанов на нашей улице подают пиццу»).

Квантограммы обычно не подходят для больших чисел. Представьте, что нужно показать «11 214 товаров, проданных в 2018 году». Такое количество пиктограмм невозможно изобразить, поэтому появляется идея добавить пояснение «1 корзина = 1000 товаров» и нарисовать 11 корзин.

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

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

Типографика

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

  • Число больше 100.
  • Это не процент от целого и не процент увеличения / уменьшения.
  • Оно автономно, то есть не сравнивается с другим числом.

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

Здесь есть смысл визуализировать число 16 с помощью квантограмм — это небольшая величина, 16 предметов вполне реально изобразить. Но для 1,8 млн это уже было бы невозможно, поэтому дизайнер воспользовался типографикой.

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

Источник.

Фото: Люси Тодд

Нашли опечатку? Выделите текст и нажмите Ctrl + Enter

Материалы по теме

  1. 1 Выбираем идеальную диаграмму для представления ваших данных. Просто и понятно
  2. 2 Делай красиво: как визуализировать самые сложные данные
  3. 3 8 сервисов для визуализации
  4. 4 11 ресурсов для визуализации данных

Актуальные материалы —
в Telegram-канале @Rusbase

ВОЗМОЖНОСТИ

14 июля 2020

FoodTech

15 июля 2020

NeuroTech