Введение
Быстро разберем необходимое в диаграммах: виды диаграмм, какие выбрать в зависимости от задачи и как пользоваться распространенными программами.
Основные виды диаграмм для визуализации данных
Диаграмм широко применяют свыше 10 – дело в специфике использования. Кратко рассмотрим основные виды:
-
Столбчатые диаграммы используются для рейтинга, динамики роста и тд. Допустим, график численности населения Бразилии за период 2010-2016 гг.
-
Гистограммами анализируют схожие группы данных, которые собрали за неделю, год или даже десять лет, например цены пяти блюд 2005-2007.
-
Линейные диаграммы схожи с гистограммами, но рассматривают один объект. Скачки Биткоина или доллара в течение полугода – линейная диаграмма.
-
Круговые диаграммы отображают процентное соотношение. В исследовании DSGNERS 68% женщин и 32% мужчин – статистика, которую в основном представляют круговой диаграммой.
-
Диаграммы рассеяния определяют зависимость переменной X от переменной Y. Редкий вариант схем, поэтому расскажем позже.
-
Областные диаграммы – то же самое, что и линейные диаграммы, но допускается использование нескольких данных и отличается вид построения.
Подробнее разберем каждый.
Столбчатые или линейчатые диаграммы: применение и создание
В сравнительной характеристике берем два параметра, например цену и время. Разместим к годам (или к месяцам, смотря из вводных данных) столбы, высота которых определяет цену.
Получившаяся графика отображает динамику роста цен по годам. Удобно рассматривать, как стоимость падала и росла, ведь имеем только два параметра и один объект.
Гистограммы: использование и различия со столбчатыми диаграммами
Гистограммы работают схожим образом, но сравнивают несколько вещей по одним параметрам, в то время как столбчатая только один объект.
Говоря проще, гистограмма – объединение столбчатых диаграмм с общими данными, например той же датой и временем. Поэтому для восприятия она сложнее, нежели простенькие линечайтые диаграммы.
Линейные графики: отображение тенденций и динамики
В гистограммах и столбчатых диаграммах используют интервал в годы или месяцы, поэтому разброс и разница значений соответствующие. Если данные меняются по часам, то в линейчатые диаграммы придется создавать ежедневно.
На замену приходит линейный график. Например – доллар-рубль за год (картина удручает), где важны рост и спад. При наведении отображается курс каждого месяца или резкого скачка, что важно в контексте задачи.
Круговые диаграммы: представление долевых соотношений
Такой не брезгуют в презентациях. Когда 2-6 сущностей делят одно значение, то применяют круговую диаграмму. Используют и 7, но воспринимать большее количество секторов проблематичнее.
Площадь Мирового океана – 361 260 000 км². Тихий океан 49,4%, Атлантический 25,3%, Индийский 21%, Южный 5,6%. Здесь данные неточные и не сходятся к 100%, но в финальной круговой диаграмме такого быть не должно.
Точечные или диаграммы рассеяния: анализ корреляции
Диаграмму рассеяния используют для определения взаимосвязи переменных. Примечательно то, что связи может и не оказаться. На вертикальной лежит зависимая переменная, на горизонтальной – независимая.
Пример диаграммы, показывающая зависимость дохода и интеллекта. Точной корреляции нет, так как высокий доход наблюдается и у людей с низким интеллектом.
Областные диаграммы: наглядное сравнение объемов
Областные диаграммы схожи с линейными, но рассматривается не один объект. Также пространство ниже линии заполняется соответствующим цветом.
Применяем в тех же случаях, что и с гистограммами, но с подробностями для наглядности и детальности. Например, как изменялись цены машин BMW трех марок в течение 5 лет.
Способы создания диаграмм в Excel
-
Постройте и выделите таблицу. Совет – сверьте данные, чтобы позже не переделывать схему.
-
В разделе «Вставка» выберите «Рекомендуемые диаграммы» .Для удобства выбора представлен предпросмотр.
-
Создавайте, редактируйте и экспериментируйте в «Конструктор диаграмм» выбранную схему, чтобы добиться желаемого результата!
Использование Google Таблиц для визуализации данных
По аналогии, создание:
-
Постройте таблицу и выберите нужные ячейки. Перепроверьте для избежания ошибок.
-
В разделе «Вставка» выберите Диаграммы и создайте нужную графику.
Редактирование диаграммы:
-
Дважды щелкните на редактируемую диаграмму и перейдите в «Редактор диаграмм».
-
Задавайте и сохраняйте новые параметры. Например, вид диаграммы настраивается в «Редактор диаграмм» → «Настройки» → «Тип диаграммы».
Продвинутые инструменты визуализации: Tableau и Power BI
-
Tableau – сложный инструмент, который используют менеджеры и аналитики. Дизайнеру новичку не помешает обучится базе, чтобы в будущем оперативнее работать в продуктовой команде.
-
Power BI – инструмент Microsoft, также для аналитиков и менеджеров. Структурирование, объединение, обработка данных, и конечно же создание диаграмм.
Основы работы с библиотекой Matplotlib в Python
В Python тоже делают диаграммы – оперативно создают в качестве прототипа, чтобы команда и заказчик имели представление. Дизайнеру такой навык навряд ли понадобится, но ознакомьтесь – лучше потратить время и попробовать, чем упустить и жалеть.
Здесь представлены гистограммы, столбчатые, круговые – все основное, что разобрали сегодня, и даже вариации диаграмм. Гляньте, интересно даже почитать!
Интерактивные диаграммы с помощью D3.js
Диаграммы, описанные выше, отображаются неподвижно и статично. Такие графики смотреть скучно – в дорогую презентацию или сайт не поставишь, оправдывать бюджет в конце концов надо.
На помощь приходит D3.js – библиотека JavaScript, с помощью которой даже дизайнер создаст интерактивную и анимированную диаграмму. В интернете и ютубе лежат полноценные гайды по написанию кода, но не бойтесь – страшно только звучит.
Как выбрать подходящий тип диаграммы для ваших данных
-
Цель
Поймите, почему и зачем строить именно диаграмму. Вдруг нужна таблица или другой вид графики? Играет роль и применение диаграммы: в презентации проекта, лекции или на сайте. -
Применение
Если в презентации, то выбирайте круговую диаграмму – лаконично впишется в свободное пространство. Если в криптокошельке, то отдавайте предпочтение линейному графику, так как важен спад и на десять центов. -
Отображаемые данные
Специфику диаграмм разобрали – осталось определить, какая аутентичнее подходит под задачу. Повторим: процентное соотношение в круговой, сравнение нескольких пунктов по одному параметру – гистограмма и тд.
