Как выбрать правильный тип диаграммы для ваших данных

Представьте, что ваши данные одеты не в ту одежду. Да, это странный образ, правда? Но оставайся со мной.

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

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

Скучаете по этому? Данные могут быть неправильно поняты или, что еще хуже, проигнорированы.

Когда мы закончим, вы будете знать:

• Суть разных типов диаграмм
• Когда и зачем их использовать
• Распространенные ошибки, которых следует избегать

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

Основы типов данных и их характеристики

Количественные данные

Итак, у тебя есть цифры, да? Количественные данные — это только цифры и математика. Это данные, которые можно измерить, понимаете?

Непрерывные данные

Представьте, что вы измеряете вес своей собаки. 32,7 фунта? Или это было 32,75?

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

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

Дискретные данные

Теперь посчитайте, сколько у вас домашних животных. 2 собаки, 1 кот, может быть хомяк. Вы не можете иметь 2,5 собаки, если только вы не находитесь в научно-фантастическом рассказе.

Итак, это то, что мы называем дискретными данными . Гистограммы любят дискретные данные. Они как PB&J — классическая комбинация, которая почти никогда не подводит.

Качественные данные

Эй, не все является числом. Иногда это просто разные вещи. И это качественные данные .

Номинальные данные

Возьмем, к примеру, кроссовки ваших любимых марок — Nike, Adidas, Puma. Никакого естественного порядка, только имена. Это номинальные данные .

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

Порядковые данные

Хорошо, но что, если вы ранжируете эти бренды? Типа: «хорошо, лучше, лучше всего». Теперь там какой-то порядок, да? Это порядковые данные .

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

Понимание цели визуализации данных

Сравнение значений

Если у вас есть что-то, что вы хотите сравнить, скажем, ваши ежемесячные расходы на кофе, у вас есть варианты.

Сравнение во времени

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

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

Сравнение категорий

Но что, если это будет типа: «Эй, сколько я трачу на кофе, на еду вне дома или на спортзал?» Вы не выстраиваете их в ряд с течением времени; вы просто смотрите на них бок о бок.

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

Чтобы показать композицию

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

Части целого

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

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

Несколько компонентов с течением времени

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

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

Чтобы показать отношения

Вы когда-нибудь смотрели на группу людей и просто знали, кто с кем дружит? У Дейта тоже есть друзья и враги.

Корреляция

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

Но если это похоже на абстрактное искусство, то, возможно, связи нет.

Распределение

Вы когда-нибудь слышали о гистограмме? Это похоже на гистограмму, которую учили в аспирантуре. Он говорит вам, сколько раз что-то попадает в определенные диапазоны.

Например, если бы вы измерили рост всех своих друзей, вы бы увидели, сколько из них невысокие, средние или могут законно играть в НБА.

Чтобы показать географическое распределение

И последнее, но не менее важное: иногда все зависит от местоположения, местоположения и еще раз местоположения.

Карты

Допустим, у вас небольшой интернет-магазин. Начинают поступать заказы, и вы хотите знать: «Где мои наблюдатели?» На карте можно выделить регионы или даже отдельные города.

Тепловые карты

Или, может быть, дело больше в горячих точках. Например, где в городе люди чаще всего роют твои вещи?

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

Соображения аудитории

Хорошо, возьми это. Вы могли бы создать Мону Лизу из всех карт, но если она не вызывает отклика у людей, которые должны на нее смотреть, вы как бы разговариваете сами с собой, не так ли?

Техническая и нетехническая аудитория

Когда вы находитесь в комнате и кто-то начинает говорить о расчетах, и ваш мозг превращается в картофельное пюре.

Да, не будь таким парнем со своими графиками.

Уровень сложности

У вас есть команда специалистов по данным? Круто, поиграйтесь с этой трехмерной диаграммой рассеяния. Это как кинематографическая вселенная Marvel, только для ботаников.

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

Плотность информации

Вы когда-нибудь беседовали с кем-то настолько подробным, что теряли смысл того, что он говорит, на полпути?

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

Презентационный носитель

Хорошо, а куда делся этот шедевр? На мониторе 4K Ultra HD или на бумаге, которая будет распространяться, как прошлогодние сплетни?

Цифровые дисплеи

Если это на экране, вы можете позволить себе стать немного изящнее. Интерактивность — ваша игровая площадка. Детали, наводимые при наведении, кликабельные легенды — сделайте это незабываемым, понимаете?

Для этого я рекомендую использовать wpDataTables .

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

Встречайте wpDataTables , вашего нового лучшего друга для создания динамических и интерактивных таблиц и диаграмм. Это не просто еще один плагин WordPress; это спасатель .

Почему wpDataTables?

• Easy-Peasy : просто загрузите файл, измените несколько настроек и вуаля! Ваш стол готов к работе.
• Настраиваемый AF . Хотите, чтобы ваша таблица реагировала на запросы? Редактируемый? Есть условное форматирование? Ты получил это!
• Диаграммы в реальном времени . Превратите свои таблицы в потрясающие диаграммы, которые обновляются в режиме реального времени. Как это круто?

Но подождите, это еще не все!

• Мощные фильтры : сузьте свои данные, как профессионал.
• Огромные наборы данных? Нет проблем : обрабатывает миллионы строк как чемпион.
• Профессиональная поддержка : Есть вопросы? У них есть ответы.

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

Печатные СМИ

Но если дело происходит на мертвых деревьях, нужно придерживаться основ. Никаких интерактивных наворотов здесь нет. Плюс нужно подумать о черно-белых отпечатках.

Да, ваш градиент может выглядеть круто в цвете, но как он будет переведен в оттенки серого?

Распространенные типы диаграмм и когда их использовать

Итак, мы поговорили о данных, мы поговорили о вашей аудитории, но как насчет звезд этого шоу — самих чартов?

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

Гистограммы и столбчатые диаграммы

Диаграмма, созданная с помощью wpDataTables

Преимущества

Гистограммы подобны джинсам и футболке мира данных. Супер повседневно, но сделай свою работу.

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

Ограничения

Но они не хороши во всем. Представьте себе, что вы пытаетесь отобразить изменения температуры за год с помощью гистограммы.

Немного странно, правда? Для этого есть лучшие варианты. Будьте простыми, а не упрощенными.

Линейные и зональные диаграммы

Диаграмма, созданная с помощью wpDataTables

Преимущества

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

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

Ограничения

Подвох? Не втискивайте слишком много строк. Это похоже на попытку следить за фильмом, в котором слишком много персонажей. Ты теряешься и перестаешь заботиться.

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

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

Преимущества

Хотите разбить целое на части? Здесь на помощь приходят круговые и кольцевые диаграммы.

Например, если вы хотите показать, сколько времени вы тратите на сон, еду и, ммм, просмотр Netflix.

Ограничения

Но полегче, ковбой. Слишком много кусочков и это хаос. Это как пойти на вечеринку, где все говорят одновременно.

Вы не можете понять это. Итак, ограничьте эти кусочки.

Диаграммы рассеяния и пузырьковые диаграммы

Диаграмма, созданная с помощью wpDataTables

Преимущества

Чувствуешь себя Шерлоком? Хотите выяснить, связаны ли две вещи? Вот тут-то и появляются точечные диаграммы и пузырьковые диаграммы.

Например, люди покупают больше мороженого, когда жарко? Постройте график зависимости температуры от продаж мороженого, и вы увидите.

Ограничения

Но они не подходят для сравнения, кто выигрывает или проигрывает. Это не табло; это больше похоже на карту сокровищ.

Тепловые карты и древовидные карты

Преимущества

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

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

Ограничения

Но это не лучший вариант для отображения мелких деталей. Это скорее что-то вроде «обзора».

Иногда слишком много соуса и недостаточно пасты, понимаешь?

Специализированные графики

Радарные диаграммы

Диаграмма, созданная с помощью wpDataTables

Это похоже на инди-фильм о чартах. Не все это понимают, но оно имеет свое место. Используйте его для отображения многовариантной информации.

Допустим, вы сравниваете смартфоны. Размер экрана, время автономной работы, качество камеры — все в одной таблице.

Графики водопадов

Это драматично! Они показывают вам отправную точку, взлеты и падения и то, где вы окажетесь.

Очень круто для таких вещей, как отслеживание прогресса проекта.

Практические советы и лучшие практики

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

Выбор цвета и доступность

Теория цвета

Давайте будем реальными: цвет делает все лучше. Представьте, что вы смотрите свой любимый фильм в черно-белом режиме. Мех.

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

Соображения о цветовой слепоте

Но держись! Не все видят цвет одинаково. Около 8% мужчин и 0,5% женщин страдают той или иной формой дальтонизма.

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

Читабельность и ясность

Текстовые метки

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

Никакого жаргона, никаких сложных слов. Вы хотите, чтобы люди поняли это с первого раза.

Соотношение данных и чернил

Звучит заманчиво, но на самом деле это не так. По сути, вам нужно как можно больше данных с как можно меньшим количеством «чернил» (или пикселей, если мы говорим об этом 21-м веке).

Обрежьте жир. Избавьтесь от всего, что не помогает. Больше не всегда лучше.

Легенды и аннотации

Позиционирование

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

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

Последовательность

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

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

Часто задаваемые вопросы о том, как выбрать правильную диаграмму для ваших данных

Какие факторы следует учитывать при выборе диаграммы?

Что ж, сначала подумайте о том, какие данные у вас есть. Категориальный , непрерывный или последовательный ?

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

Чем отличаются гистограммы и столбчатые диаграммы?

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

У вас есть несколько категорий с более длинными ярлыками? Используйте гистограмму. С другой стороны, данные временных рядов любят висеть на столбчатых диаграммах.

Зачем мне использовать круговую диаграмму?

Круговые диаграммы — это десерт визуализации данных! Они отлично подходят для показа частей целого.

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

Полезны ли составные диаграммы?

Абсолютно! Составные диаграммы позволяют просматривать различные сегменты данных в пределах одной полосы или столбца.

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

Когда мне следует склоняться к линейному графику?

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

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

Диаграммы рассеяния – для чего они нужны?

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

Если вы хотите увидеть, коррелируют ли две вещи, или просто почувствовать кластеры данных, разойдитесь!

Могу ли я использовать несколько типов диаграмм вместе?

Конечно! Иногда один тип диаграммы просто не подходит. Объединение нескольких диаграмм может помочь представить более богатую историю.

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

Как обстоят дела с тепловыми картами?

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

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

Всегда ли мне нужна легенда?

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

Но если ваша диаграмма проста и не требует пояснений, вы можете пропустить ее.

Являются ли 3D-диаграммы хорошим выбором?

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

Помните, ясность – это король. Не позволяйте наворотам затмить смысл ваших данных.

Вывод о правильной диаграмме для ваших данных

Чувак, серьезно, графики? Это все равно, что пытаться подобрать идеальный наряд для свидания. Вы должны соответствовать атмосфере.

• Линейные графики? Это классическое сочетание джинсов и футболки. Хорошо подходит для демонстрации тенденций с течением времени.
• Гистограммы? Подумайте о шикарном пиджаке. Идеально подходит для сравнения разных предметов рядом.
• Круговые диаграммы? Это причудливый галстук, который вы надеваете для забавного поворота, демонстрируя части целого.

Дело не только в том, чтобы хорошо выглядеть. Речь идет о послании : что вы на самом деле хотите сказать? Не шлепайте по любой диаграмме, как будто это неподходящий носок.

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

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