Диаграммы для визуализации данных — какие бывают и как создавать

Введение

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

Основные виды диаграмм для визуализации данных

Диаграмм широко применяют свыше 10 – дело в специфике использования. Кратко рассмотрим основные виды:

1. Столбчатые диаграммы используются для рейтинга, динамики роста и тд. Допустим, график численности населения Бразилии за период 2010-2016 гг.
   
   

2. Гистограммами анализируют схожие группы данных, которые собрали за неделю, год или даже десять лет, например цены пяти блюд 2005-2007.
   
   

3. Линейные диаграммы схожи с гистограммами, но рассматривают один объект. Скачки Биткоина или доллара в течение полугода – линейная диаграмма.
   
   

4. Круговые диаграммы отображают процентное соотношение. В исследовании DSGNERS 68% женщин и 32% мужчин – статистика, которую в основном представляют круговой диаграммой.
   
   

5. Диаграммы рассеяния определяют зависимость переменной X от переменной Y. Редкий вариант схем, поэтому расскажем позже.
   
   

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

 

Подробнее разберем каждый.

Столбчатые или линейчатые диаграммы: применение и создание

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

Получившаяся графика отображает динамику роста цен по годам. Удобно рассматривать, как стоимость падала и росла, ведь имеем только два параметра и один объект.

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

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

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

Линейные графики: отображение тенденций и динамики

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

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

Круговые диаграммы: представление долевых соотношений

Такой не брезгуют в презентациях. Когда 2-6 сущностей делят одно значение, то применяют круговую диаграмму. Используют и 7, но воспринимать большее количество секторов проблематичнее.

Площадь Мирового океана – 361 260 000 км². Тихий океан 49,4%, Атлантический 25,3%, Индийский 21%, Южный 5,6%. Здесь данные неточные и не сходятся к 100%, но в финальной круговой диаграмме такого быть не должно.

Точечные или диаграммы рассеяния: анализ корреляции

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

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

Областные диаграммы: наглядное сравнение объемов

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

Применяем в тех же случаях, что и с гистограммами, но с подробностями для наглядности и детальности. Например, как изменялись цены машин BMW трех марок в течение 5 лет.

Способы создания диаграмм в Excel

1. Постройте и выделите таблицу. Совет – сверьте данные, чтобы позже не переделывать схему.
   
   

2. В разделе «Вставка» выберите «Рекомендуемые диаграммы» .Для удобства выбора представлен предпросмотр.
   
   

3. Создавайте, редактируйте и экспериментируйте в «Конструктор диаграмм» выбранную схему, чтобы добиться желаемого результата!

Использование Google Таблиц для визуализации данных

По аналогии, создание:

1. Постройте таблицу и выберите нужные ячейки. Перепроверьте для избежания ошибок.
   
   

2. В разделе «Вставка» выберите Диаграммы и создайте нужную графику.

 

Редактирование диаграммы:

1. Дважды щелкните на редактируемую диаграмму и перейдите в «Редактор диаграмм».
   
   

2. Задавайте и сохраняйте новые параметры. Например, вид диаграммы настраивается в «Редактор диаграмм» → «Настройки» → «Тип диаграммы».

 

Продвинутые инструменты визуализации: Tableau и Power BI

• Tableau – сложный инструмент, который используют менеджеры и аналитики. Дизайнеру новичку не помешает обучится базе, чтобы в будущем оперативнее работать в продуктовой команде.
  
  

• Power BI – инструмент Microsoft, также для аналитиков и менеджеров.  Структурирование, объединение, обработка данных, и конечно же создание диаграмм.

 

Основы работы с библиотекой Matplotlib в Python

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

Здесь представлены гистограммы, столбчатые, круговые – все основное, что разобрали сегодня, и даже вариации диаграмм. Гляньте, интересно даже почитать!

Интерактивные диаграммы с помощью D3.js

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

На помощь приходит D3.js – библиотека JavaScript, с помощью которой даже дизайнер создаст интерактивную и анимированную диаграмму. В интернете и ютубе лежат полноценные гайды по написанию кода, но не бойтесь – страшно только звучит.

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

1. Цель
   Поймите, почему  и зачем строить именно диаграмму. Вдруг нужна таблица или другой вид графики? Играет роль и применение диаграммы: в презентации проекта, лекции или на сайте.
   
   

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

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