Существует множество способов визуализации данных, но как узнать, какой из них выбрать?
Ниже представлен перечень возможных визуализаций, подходящих для отображения определенного вида показателей. Выберите одну из категорий, чтобы познакомиться с возможными вариантами изображений и выбрать наиболее удачный.
Данный список не является исчерпывающим, однако выступает неплохой отправной точкой для создания информативных и интуитивно понятных визуализаций.
Данная категория позволяет изобразить отклонение показателя от выбранной метрики, и визуализировать порядок и величину дисперсии значений. Значением базовой линии чаще всего выступает 0, однако это может быть и среднее значение или выбранная константа. Данные визуализации также удобно использовать в опросниках, чтобы посмотреть распределение данных между несколькими вариантами ответов.
Примеры использования:
Прибыльность / убыточность по категориям, распределение ответов респондентов между возможными вариантами
Типы диаграмм
| 
 Расходящиеся столбцы (bar-diverging)  | 
 Мультивариантная диаграмма разброса (bar-diverging-stacked)  | 
 Диаграмма разброса (spine-chart)  | 
 Биржевая диаграмма (line-surplus-deficit-filled)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Стандартная диаграмма, которая отображает отклонение значений различных категорий от выбранного контрольного значения.  | 
 Идеально подходит для представления результатов опроса с несколькими вариантами ответов (например, не согласен, нейтрален, согласен).  | 
 Отображает распределение значения показателя между подкатегориями (например, мужчина / женщина).  | 
 Затемненная область этих графиков позволяет быстро оценить динамику показателей. Чаще всего на график добавляют доверительные интервалы.  | 
Графики корреляции используются для определения взаимосвязи между двумя и более переменными.
Примеры использования
Зависимость зарплаты сотрудников от их пола, связь объема продаж и уровня прибыли.
Типы диаграмм
| График рассеяния  (scatterplot)  | 
Диаграмма с несколькими осями (line-column)  | 
Точечная диаграмма, объединенная линиями (scatterplot-connected)  | 
Пузырьковая диаграмма (Bubble)  | 
Тепловая карта (XY-Heatmap)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Классический способ демонстрации связи между двумя переменными, каждая из которых имеет свою ось.  | 
 Позволяет показать связь между несколькими показателями на одном графике при объединяющем параметре по оси Х  | 
 Обычно используется, чтобы показать, как отношения между двумя переменными менялись в течение времени.  | 
 Дает возможность сравнения точек по 3 различным переменным. Где третья переменная определяет размер окружностей.  | 
 Удобно использовать для отображения взаимосвязи между двумя категориями данных.  | 
Данная категория диаграмм позволяет уловить тенденцию изменения показателей во времени.
Примеры использования
Изменение цены акций, временные ряды по различным экономическим показателям
Типы диаграмм
| 
 Линейный график (line)  | 
 Столбчатая диаграмма (column-timeline)  | 
 Комбинированная диаграмма (column-line-timeline)  | 
 Свечная диаграмма / Японские свечи (stock-price)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Стандартный способ показать изменяющийся временной ряд. Если часть данных отсутствует, рекомендуется выбрать точечный график.  | 
 Еще один классический вариант отображения изменений во времени.  | 
 Хороший способ показать соотношение различных показателей по объединяющему параметру на оси X  | 
 Данные диаграммы используют для отображения биржевых котировок акций, цен на сырье. Крайние точки фиксируют курс открытия/ закрытия и максимум/ минимум каждого дня.  | 
| 
 Диаграммы с областями (area)  | 
Линейный график с рассеиванием
 (fan)  | 
Соединенная точечная диаграмма
 (scatterplot-line-timeline)  | 
Градиент значений на календаре
 (calendar-heatmap  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Диаграммы с областями подчеркивают величину изменения в динамике по времени и могут использоваться для привлечения внимания к общему значению в рамках тренда.  | 
 Чаще всего используется при прогнозировании. При котором степень дисперсии значений зависит от выбранного доверительного интервала.  | 
 Хороший способ показать изменяющиеся данные для двух переменных всякий раз, когда существует относительно четкая схема прогрессирования.  | 
 Отличный способ отображения временных шаблонов (ежедневно, еженедельно, ежемесячно) за счет демонстрации точности в количестве.  | 
| 
 Диаграмма Ганта (priestley timeline)  | 
 Круговая временная шкала (circles-timeline)  | 
 Сейсмограмма (seismogram)  | 
|
![]()  | 
![]()  | 
![]()  | 
|
| 
 Незаменимый инструмент для планирования и управления задачами. Интуитивно понятно последовательность и сроки выполнения.  | 
 Подходит для отображения дискретных значений разного размера по нескольким категориям (например, землетрясения по континентам).  | 
 Еще одна альтернатива круговой шкале времени для показа серий, в которых имеются большие различия в данных.  | 
Используется, когда позиция элемента в упорядоченном списке важнее, чем его абсолютное или относительное значение.
Примеры использования:
Прибыльность по отдельным направлениям компании, рейтинг брендов на рынке по показателям лояльности и вовлеченности
Типы диаграмм
| 
 Линейчатая диаграмма (bar-ordered)  | 
 Столбчатая диаграмма, (column-ordered)  | 
 Пузырьковая диаграмма (symbol-proportional-ordered)  | 
 Диаграмма рассеяния на линии (dot-plot-strip)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Показывает различия между элементами в одной или нескольких категориях. Гораздо удачней отображают ряды значений при сортировке по порядку.  | 
 Применяются для сравнения данных между категориями.  | 
 Позволяет сравнить и ранжировать отдельные элементы в трех измерениях данных.  | 
 Точки, расположенные по порядку на полосе, —эффективный способ ранжирования значений по нескольким категориям.  | 
| 
 Наклонная диаграмма (slope)  | 
 Чупа-чупс диаграмма (lollipop-h)  | 
 Чупа-чупс диаграмма (lollipop-v)  | 
|
![]()  | 
![]()  | 
![]()  | 
|
| 
 Идеально подходит для демонстрации состояния «до» и «после» влияния фактора по различным категориям.  | 
 Диаграмма Lollipop позволяет сделать акцент на любых значимых точках данных, на которые вы хотите обратить внимание.  | 
 Диаграммы Lollipop привлекают больше внимания к значению данных, чем стандартные столбцы, а также могут эффективно показывать рейтинг.  | 
Данная категория графиков позволяет оценить пригодность информации для анализа. Оценить однородность выборки, форму распределения, выявить значения кардинально искажающие результаты вычислений.
Примеры использования
Распределение доходов, распределение населения (по возрасту / полу), количество сотрудников компании в нескольких возрастных группах.
Типы диаграмм
| 
 Гистограмма распределения частот (histogram)  | 
 Ящик с усами (boxplot)  | 
 Виолончель (violin)  | 
 Популяционная пирамида (population-pyramis)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Стандартный способ показать статистическое распределение, где каждый столбец опирается на конкретное значение признака или разрядный интервал. А высота столбика пропорциональна частоте встречаемости соответствующего значения.  | 
 График используют для оценки распределения данных в выборке. Он компактно отражает ключевые моменты в одной диаграмме — диапазон, квартили, среднее значение и выбросы  | 
 Похож на блочную диаграмму, но более эффективен для сложных распределений (данные, которые нельзя суммировать с помощью простого среднего).  | 
 Стандартный способ отображения распределения значений по возрасту и полу среди населения.  | 
| 
 Диаграмма рассеяния на линии (dot-plot-strip)  | 
 Гантельная диаграмма (Dumbell-chart)  | 
 Штрих-код (barcode)  | 
 График с накоплением (cumulative-curve)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Хорошо подходит для отображения распределения значений по нескольким группам данных. Инструмент показывает разброс данных и скопления значений в определенных областях, если таковые есть.  | 
 Отличный способ показать изменение данных между двумя моментами времени, состояниями или разницу между двумя группами.  | 
 Подобно точечным полосам, которые хороши для отображения всех данных в таблице, они лучше всего работают при выделении отдельных значений.  | 
 Хороший способ показать, насколько равномерным является распределение: ось Y всегда накопительная частота, ось X – всегда мера.  | 
Данная категория диаграмм позволяет проанализировать структуру данных.
Примеры использования
Структура доходов, разделения данных на кластеры по выбранным признакам.
Типы диаграмм
| 
 Вертикальный стек (column-stacked)  | 
 Горизонтальный стек (bar-stacked-proportional)  | 
 Круговая диаграмма (pie)  | 
 Кольцевая диаграмма (doughnut)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Простой способ показать взаимосвязь «часть-к-целому». Не удобен, когда числа категорий много и доля каждой незначительна.  | 
 Хороший способ показать размер и пропорцию данных одновременно.  | 
 Распространенный способ отображения данных по частям, но имейте в виду, что сложно точно сравнить размер сегментов.  | 
 Аналогично круговой диаграмме, но центр может быть хорошим способом освободить место для включения дополнительной информации о данных (например, итого).  | 
| 
 Дерево (treemap)  | 
 Кластеризация (Voronoi)  | 
 Солнечные лучи (sunburst)  | 
 Арочная (arc)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Используйте для иерархических отношений частей к целому; может сложно читатьcя, если включить много маленьких сегментов.  | 
 Способ разбиения множества данных на группы объектов со схожими свойствами.  | 
 Применяется при сравнении размера групп с прослеживанием иерархических связей.  | 
 Показывает процент от максимального количества, которое занимает одно из значений в наборе данных, в виде частично закрашенного кольца.  | 
| 
 Сеточная диаграмма (gridplot)  | 
 Круги Эйлера – Венна (Venn)  | 
 Каскадная диаграмма (Waterfall)  | 
|
![]()  | 
![]()  | 
![]()  | 
|
| 
 Хорошо подходит для отображения информации в %. Один из вариантов визуализации: сетка 10*10, где каждая ячейка представляет 1% информации.  | 
 Обычно используется для схематического представления отношений нескольких подмножеств универсального множества.  | 
 Каскадная диаграмма обычно используется для понимания, как на итоговое значение повлиял ряд промежуточных положительных и отрицательных факторов.  | 
Данная категория графиков позволяет продемонстрировать, как данные соотносятся друг с другом.
Примеры использования
Сравнение факта выполнения товарооборота с целевым значением, сравнение прибыльности направления по периодам.
Типы диаграмм
| 
 Столбчатая диаграмма (Column)  | 
 Линейчатая диаграмма (Bar)  | 
 Столбчатая сгрупп. диаграмма (column-grouped)  | 
 Линейчатая сгрупп. диаграмма (bar-grouped)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Наиболее универсальный способ сравнения категорий или групп данных.  | 
 Показывает различия между элементами в одной или нескольких категориях. Гораздо удачней отображают ряды значений при сортировке по порядку.  | 
 Позволяет сравнить между собой несколько категорий по дополнительному критерию (в т.ч. времени).  | 
 Позволяет сравнить между собой несколько категорий по дополнительному критерию. Если критериев для сравнения больше 2, визуализация м.б. перегружена  | 
| 
 Горизонтальный стек (bar-stacked-proportional)  | 
 Пузырьковая диаграмма (symbol-proportional)  | 
 Пиктограмма (isotope (pictogram)  | 
 Чупа-чупс диаграмма (lollipop-h)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Хороший способ показать размер и пропорцию данных одновременно.  | 
 Позволяет сравнить и ранжировать отдельные элементы по трем видам показателей.  | 
 Отличное визуальное решение. Рекомендуется использовать только с целыми числами.  | 
 Диаграмма Lollipop позволяет сделать акцент на любых значимых точках данных, на которые вы хотите обратить внимание.  | 
| 
 Чупа-чупс диаграмма (lollipop-v)  | 
 Лепестковая диаграмма (Radar)  | 
 Диаграмма с параллельными координатами (Parallel coordinates)  | 
 Диаграмма шкала (Bullet chart)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Диаграммы Lollipop привлекают больше внимания к значению данных, чем стандартные столбцы, а также могут эффективно показывать рейтинг.  | 
 Этот тип диаграмм позволяет представлять данные на двухмерном графике, где каждой из переменных соответствует отдельный луч.  | 
 Основное ее преимущество – легкость концентрации внимания на выбираемых пользователем категориях при сохранении возможности сопоставления их с другими.  | 
 Компактный график для план-факт сравнения. Предназначен для отображения целого ряда характеризующих значений по выбранному показателю.  | 
Картограммы и картодиаграммы применяются для изображения географической характеристики изучаемых явлений. Они показывают локализацию изучаемого явления, его интенсивность на определенной территории.
Примеры использования:
Плотность населения по регионам, расположение природных ресурсов, локализация и воздействие стихийных бедствий
Типы диаграмм
| 
 Фоновая картограмма /Хороплет (basic-choropleth)  | 
 Круговая картодиаграмма (proportional-symbol)  | 
 Потоки (flow)  | 
 Контурные карты (contour)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Стандартный метод размещения данных на карте. Когда каждая территория получает свой цветовой индикатор в зависимости от значения выбранного показателя.  | 
 Используются для наглядного сравнения значения показателя между различными территориальными единицами.  | 
 Применяется для отображения перемещения выбранного объекта на карте.  | 
 Использование цветовых шкал на контурных картах позволяет быстро идентифицировать области с одинаковым диапазоном значений.  | 
| 
 Сглаженная картограмма (equalised-cartogram)  | 
 Масштабируемая картограмма (scaled-cartogram-value)  | 
 Точечная картограмма (dot-density)  | 
 Тепловая карта (heat-map)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Преобразование каждого блока на карте в обычную и одинакового размера форму – хорошо для представления регионов голосования с равной долей.  | 
 На таких картах размер каждой территории увеличивается или уменьшается пропорционально значению выбранного показателя.  | 
 Используется для отображения местоположения отдельных объектов.  | 
 Позволяет отобразить на карте плотность или частоту проявления определенного признака при помощи цветовой шкалы с различной интенсивностью.  | 
Главная цель таких диаграмм – продемонстрировать, как каждый процесс влияет на результирующее значение, выявить отношения между этими процессами. Определить интенсивность движения между двумя или более состояниями.
Примеры использования
Движение денежных средств, демографические потоки
Типы диаграмм
| 
 Санкей диаграмма (Sankey)  | 
 Каскадная диаграмма (Waterfall)  | 
 Круговая диаграмма связей (chord)  | 
 Линейная диаграмма связей (network)  | 
![]()  | 
![]()  | 
![]()  | 
![]()  | 
| 
 Диаграмма Санкей наглядно иллюстрирует любые бизнес-процессы в динамике: нагрузку, пропускную способность, эффективность, отображает взаимосвязи и их силу, вклад в общий поток.  | 
 Каскадная диаграмма обычно используется для понимания, как на итоговое значение повлиял ряд промежуточных положительных и отрицательных факторов.  | 
 Сложная, но мощная диаграмма, которая может иллюстрировать двусторонние связи в матрице.  | 
 Используется для отображения взаимосвязей объектов со сложной иерархической структурой.  | 
Источник FT Interactive Dev Guide
Tableau Software разрабатывает революционные продукты, которые меняют способ использования данных.
Если у Вас остались вопросы, обращайтесь к нашим специалистам +380 (44) 383 4410 или data@softico.ua





































































