logo
Ещё

Диаграммы

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

Что такое диаграммы

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

Задачи визуализации:

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

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

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

История появления диаграмм

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

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

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

В знакомом всем виде первая столбиковая диаграмма появился в 1786 году. Ее создал У. Плейфер, что стало началом использования инфографики во всех науках.

Средства визуализации

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

Таблица — Список программ для построения диаграмм

Название софта

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

Недостатки

Diagrams.net

  • Бесплатно
  • Диаграммы в 3 форматах
  • Совместное редактирование пользователями
  • Интеграция с Google Drive

Немного макетов

Creately

  • Интерфейс на русском языке
  • Много готовых шаблонов
  • Доступный интерфейс
  • Совместный режим использования
  • 4 формата сохранения файла

Ограничение функционала в бесплатной версии

Mindmeister

  • Возможность встроить инструмент на сайт
  • Доступно использование по сети несколькими пользователя
  • Режим создания презентаций
  • Возможность загрузить картинки и фоны для диаграмм
  • Сокращенный функционал в бесплатной версии
  • Готовые шаблоны на английском языке

Canva

  • Простой интерфейс
  • Автоматическое сохранение изменений
  • Совместный режим
  • Мобильное приложение
  • Широкий функционал в бесплатном режиме

Устройство должно быть с большим объемом оперативной памяти и хорошим интернетом

Crello

  • 50 миллионов готовых медиафайлов для редактирования проектов
  • Выгрузка файлов в социальные сети
  • Загрузка визуальных элементов и шрифтов
  • Совместное использование

Функционал офлайн ограничен

Gliffy.com

  • Разные форматы экспорта проектов: PDF, JPEG, PNG, SVG
  • Большое количество шаблонов и дизайнов
  • Библиотека медиафайлов и элементов
  • Интеграция с Google Drive

Работает только онлайн

Microsoft Visio

  • Подключение к базам данных
  • Экспорт из других приложений Microsoft Office
  • Готовые дизайны и шаблоны
  • Работает в офлайн-режиме

Отсутствует техническая поддержка

SmartDraw.com

  • Интеллектуальный механизм редактирования
  • 70 видов диаграмм
  • Журнал внесенных изменений

Платное использование

Нет русского языка

Grapholite.com

  • Адаптирован под мобильные устройства
  • Автосоединение фигур
  • Функция создания драфта «черновой эскиз»
  • Сохраняет результат в нескольких форматах

Нет тестового периода или бесплатного использования

OmniGraffle

  • 17 форматов сохранения результат
  • Можно создать разные версии диаграмм с одними данными
  • Много готовых дизайнов и графики
  • Объединение нескольких форм в один объект

Работает только на iOS

Textografo.com

  • Автоматический сбор данных для диаграммы
  • Совместное использование
  • Добавление анимации
  • Интеграция с облаком

Только платное использование

Lucidchart.com

  • Понятный интерфейс
  • Бесплатное использование
  • Совместный режим
  • Интеграция с крупными информационными платформами

Иногда некорректно происходи импорт данных

Dia

  • Создание и экспорт многостраничных диаграмм
  • Работает на всех операционных системах
  • Интуитивный интерфейс
  • Одновременно можно создавать несколько диаграмм

Только на английском языке

yEd Graph Editor

  • Всплывающие подсказки
  • Экспорт в нескольких форматах
  • Много элементов и изображений

Сложный интерфейс

Pencil Project

  • Простой интерфейс
  • Быстрая установка
  • Разные форматы сохранения

Мало функций

LibreOffice Draw

  • Много шаблонов с изображениями и элементами
  • Много форматов сохранения
  • Низкие технические требования

Примитивный интерфейс в устаревшем дизайне

Diagram Designer

  • Бесплатный
  • Доступны базовые функции
  • Можно делать диаграммы, иллюстрации, слайд-шоу
  • Калькулятор

Сложный процесс изменения диаграмм

PlantUML

  • Создание уникальных проектов
  • Автоматическое создание диаграмм и баз данных
  • Доступно создание диаграмм в любом текстовом редакторе
  • Требуются навыки планирования
  • Нельзя построить сложные и большие диаграммы

AceIT Grapher

  • Создание графиков в 2D и 3D форматах
  • Простое меню
  • Рисование дополнительных моделей и графиков
  • Нет русского языка
  • Не сохраняется в популярных форматах

Advanced Grapher

  • Создание двухмерных и трехмерных графиков
  • Бесплатная версия на русском языке
  • Работа с математическими функциями

Только создание графиков

Виды графиков

В зависимости от вида визуализируемых данных выбирают соответствующий вид диаграммы.

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

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

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

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

Гистограмма

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

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

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

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

Диаграмма с областями

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

Диаграмма Ганта

Диаграмма Ганта отображает хронологию событий или этапов проекта. По вертикальной оси отмечают этапы проекта, на горизонтальной – длительность их по времени. Линии или столбцы отображаются в начале и в конце периода. Диаграмма Ганта позволяет увидеть задачи, которые можно выполнить параллельно или — последовательно. Чаще всего используют диаграмму Ганта при построении RoadMap.

Диаграмма помогает спланировать распределение времени по дням, неделям или месяцам и трудозатраты сотрудников при выполнении проектов.

Диаграмма рассеяния

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

На вертикальной оси всегда расположен параметр, который зависим, по горизонтали — независимый.

Радарная диаграмма

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

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

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

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

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

Сумма всех долей будут равны 100%.

Диаграмма Венна

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

Как показать данные понятно и наглядно – правила и лайфхаки

Для построения полезной диаграммы, которая выполнит свои функции и цель, применяйте несколько правил:

  1. Практичность. Возможности создания диаграмм помогают создавать эстетичные графики, но красивый визуал не главная цель их создания. Диаграмма в отчетах и презентациях должна быть гармоничной, уместной и логичной, а не только яркой деталью в тексте.
  2. Целевое использование. Правильный подбор диаграммы обеспечивает тщательный анализ данных, которые нужно визуализировать. На каждую цель или слайд подбирайте один тип диаграммы, а не используйте несколько разных данных.
  3. Стиль. Стиль диаграммы должен совпадать со стилевым решением и цветами презентации, быть в одном tone-of-voice. В рамках одной презентации диаграммы и графики должны сочетаться. Рекомендуем не использовать более 3 типов диаграмм и/или графиков.
  4. Чистота. Не наносите на графики или диаграммы лишние детали и обозначения, весь «информационный шум». Не использовать более 5 цветов и меньше текста, чтобы не перегрузить аудиторию.
  5. Целостность. Текст и диаграмма должны дополнять друг друга. У каждой диаграммы должно быть наименование. Не нужно дублировать данные на диаграмме с текстом, а делайте выводы по изображению, помогая лучше ее понять.
  6. Подготовка. Собранные и группированные данные обеспечивают успех выполнения цели диаграммы. Внесите данные в электронную таблицу, чтобы Excel мог их считать и сформировать диаграмму.

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

Таблица — Пример выбора диаграммы в зависимости от цели и вида данных

Вид диаграммы

Цель

Пример данных

Столбчатая, линейная, гистограмма

Рейтинг данных, сравнение показателей, распределение частотности

Величина выручки за разные периоды

Круговая, диаграмма Венна

Зависимость нескольких показателей между двумя переменными

Зависимость количества новых задач от месяцев в году

Линейная

Динамика показателей за определенный период

Динамика EBITDA за период

Радарная

Оценка показателей по нескольким критериям

Обязанности сотрудников по должностям и их сравнение

Диаграмма Ганта

Распределение времени и трудовых ресурсов на задачи и этапы проекта

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

FAQ

Зачем нужна пузырьковая диаграмма?

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

Как выгладит древовидная диаграмма?

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

Вывод

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

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