11 типов диаграмм и видов графиков с примерами

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

Историческая справка

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

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

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

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

Графические схемы, какими мы их знаем, появились в труде У. Плейфера «Коммерческий и политический атлас» в 1786 году. Английский экономист опубликовал свой труд и произвел фурор в научной среде. Методы У. Плейфера стали достоянием научной среды и используются по сей день.

Основные типы диаграмм

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

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

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

Столбчатая диаграмма

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

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

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

Линейная диаграмма

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

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

Диаграмма спагетти

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

Главная особенность «спагетти» – это отображение реального процесса передвижений. К примеру, перемещение людей от точки А до точки В за определенный промежуток времени. Такая картина полезна для отслеживания узких мест, к которым люди в течение дня обращаются по нескольку раз. Еще «спагетти» позволяет отследить действия менеджеров по продажам: какие материалы чаще всего просматривают, к кому обращаются и с какими вопросами. Что в итоге требует ревизии, а что можно и вовсе исключить из контроля.

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

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

Гистограмма

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

Гистограмму часто путают из-за внешнего сходства с столбиковой. Отличие в том, что гистограмма предназначена для иллюстрации частоты тех или иных параметров в конкретное время или в условиях непрерывного интервала. На вертикальной оси отмечается частотность, а на горизонтальной – временные значения. А столбиковый график демонстрирует изменение количественных показателей.

Для составления гистограммы для презентации необходимо:

1. Приготовить сравниваемые величины для демонстрации;
2. Определить крайние значения;
3. Выбрать диапазон и интервалы для показа;
4. Определить дизайн презентации;
5. Создать гистограмму, разместив по горизонтали интервалы и значения параметров – по вертикали.

Круговая диаграмма

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

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

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

Кольцевая диаграмма

Отличие от круговой в графическом отображении данных в виде цветных соосных колец или дуг.

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

Географическая диаграмма

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

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

Стрим график или диаграммы потока

Это вариант наглядного представления числовых значений с накоплением по времени и разделением по областям. Здесь значения изменяются от центральной точки или линии. Стрим графики или потоковые иллюстрируют изменение множества параметров в течение периода времени. Графически схема представляется плавными изменениями нескольких величин аналогичных форм в виде перетекания схожего с водой реки. Наглядная картина изменений упрощает восприятие и понимание процесса.

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

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

Пузырьковые диаграммы

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

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

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

Лучевые диаграммы

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

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

Диаграммы «Полярные часы«

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

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

Другие варианты

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

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

Все они создаются на компьютере в различных графических программах. В том числе их можно создавать в офисных пакетах Microsoft Office или в аналогах других производителей.

Вид анализа данных

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

1. Рейтинг. Сравнение нескольких показателей. Может быть представлен столбчатой схемой или гистограммой;
2. Динамика. Отображение изменения одного показателя за заданный промежуток времени. Здесь подойдет линейчатый график;
3. Структура. Для разделения целого на части и анализа доли каждой. Реализуется в круговой или кольцевой схеме;
4. Взаимосвязи. Для выявления зависимости различных данных. 

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

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

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

Графики и диаграммы в Microsoft Excel

Если необходимо создать отчет в Microsoft Excel, то для визуализации будут доступны следующие графические схемы:

• точечные диаграммы;
• гистограммы;
• круговые и кольцевые;
• линейчатые;
• схемы с областями;
• биржевые;
• пузырьковые и лепестковые.

Из каких составляющих состоят графические диаграммы в Microsoft Excel. Всего их пять:

1. Название. Лучше коротко и емко описать то, что на ней изображено;
2. Вертикальная часть – ось Y, или ось значений;
3. Ряд значений. Представлен в виде точек;
4. Легенда. Говорит о принадлежности ряда соответствующему параметру;
5. Горизонтальная часть графика – ось X. Она отражает категории.

Для начала необходимо определиться с областью ячеек, данные из которых послужат основой для построения графика. Сюда же относятся заголовки столбцов и названия строк. Далее, в разделе «Вставка» следует выбрать нужный тип диаграммы. Открывается список, из него следует выбрать необходимую. В результате описанных действий на листе Excel появляется схема по заданным параметрам.

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

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

8 правил создания релевантных диаграмм

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

Формулировка задачи.

То, без чего попросту невозможны дальнейшие действия. Как в притче: «Если не знаешь куда плыть, любой ветер будет попутным». Чтобы исключить малейшую возможность возникновения таких проблем, нужно четко сформулировать задачи. От этого будет зависеть, насколько качественным будет представленный анализ.

Подходящий тип графика

Главное в визуализации – наглядно донести аудитории необходимую информацию. Насколько правильно будет подобран тип и формат диаграммы, настолько и проявится эффект. Чем точнее соответствует график обозначенным целям, тем убедительнее аргументы докладчика и больше доверия предъявляемым данным.

Подбор цветов для инфографики

Лучше использовать общепринятые правила использования цветов. Существует основные категории, ассоциации с цветом которых связаны те или иные ассоциации.

• положительные и отрицательные значения: зелёный и красный соответственно;
• да или нет, согласен не согласен – зелёный и красный;
• мужчины и женщины – синий и розовый;
• прочее, другое, остальное, нет ответа, затрудняюсь ответить – серые оттенки.

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

Выделение главного

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

Понятный формат данных

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

Упрощение графики

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

Отсутствие 3D эффектов

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

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

Лучше избегать элементов дизайна, не несущих никакой полезности и отвлекающих от главного. Красота в графике не всегда соответствует качеству. Здесь дизайн должен быть минимальным, ясным и простым. Принцип: «дизайн не должен быть видимым».

Упорядочивание данных

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

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

Диаграммы как инфографика

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

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

Существуют два направления развития инфографики в целом. Одно – это исследовательское направление. Родоначальник направления – американский статистик Эдвард Тафти. Он ратует за минималистический дизайн инфографики для научных работ.

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