Полное руководство по столбчатым диаграммам

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

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

Содержание
  1. Столбчатая диаграмма: основные сведения
  2. Виды столбиковых диаграмм
  3. Стандартная гистограмма с группировкой
  4. Гистограмма с накоплением
  5. Объемная гистограмма или нестандарт в визуализации
  6. Плюсы и минусы столбиковой диаграммы
  7. Преимущества
  8. Недостатки
  9. Всевозможные способы создания столбчатой диаграммы
  10. Построение столбиковой диаграммы в Excel
  11. Столбчатая диаграмма в Google Таблицах
  12. Как построить столбчатую диаграмму в инструментарии для дашбордов?
  13. Столбчатая диаграмма в Power BI
  14. Столбчатая диаграмма в Tableau
  15. Построение диаграммы в Visiology
  16. Выбор диаграмм в Форсайт
  17. Онлайн сервисы для построения диаграмм
  18. Руководство по созданию столбчатых диаграмм с помощью Python
  19. Строим диаграмму в Yandex DataLens
  20. Советы по созданию и оформлению столбиковых диаграмм
  21. 5 правил построения столбчатой диаграммы
  22. Советы оформления столбчатой диаграммы
  23. FAQ по столбчатым диаграммам

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

Столбчатая диаграмма [англ. bar chart] представляет собой график с прямоугольными столбцами. Другими словами, это отображение числовых значений в виде столбцов. 

  • горизонтальная ось (x) представляет параметр
  • вертикальная ось (y) представляет значение для этих параметров

Хотя графики могут быть построены как вертикально (вертикальные столбцы), так и горизонтально (столбики, лежащие горизонтально слева направо), наиболее востребованная столбчатая диаграмма всё-таки имеет вертикальный тип отображения. Горизонтальный же — это линейчатый тип диаграмм

вертикальное и горизонтальное изображение диаграммы

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

  1. столбиковые диаграммы используют для отображения сравнительных значений между разными переменными
  2. это один из самых простых вариантов быстро и наглядно отобразить массивные данные
  3. за период времени диаграмма показывает изменения выбранных данных
  4. данный тип диаграмм применяют для сравнение данных между разными группами
  5. очень легко и удобно визуализировать параметры в наглядном виде.

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

Виды столбиковых диаграмм

В Microsoft Excel выделяется 3 типа столбиковых диаграмм:

  1. гистограмма с группировкой
  2. гистограмма с накоплением
  3. объемная гистограмма (с накоплением и без)

виды столбиковой диаграммы в Excel

Стандартная гистограмма с группировкой

Стандартная гистограмма — это столбиковый график с вертикальным размещение отслеживаемых показателей. По своей сути — это самый простой и наиболее приемлемый вариант для отображения массива сравниваемых данных (например, продажи по годам). А в связи с чем и самый применяемый.

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

  • сравнение показателя по годам
  • отображение план-фактовых показателей

Как пример, ниже картинка с количеством проданных домашних животных по годам

гистограмма с группировкой в Ecxel

 

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

гистограмма с группировкой план-факт

Гистограмма с накоплением

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

диаграмма с накоплением

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

диаграмма с накоплением ошибка визуализации

Этот тип диаграммы может стать хорошим выбором, если:

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

Объемная гистограмма или нестандарт в визуализации

По сути данный тип диаграммы создает ощущение 3D-эффекта и многие аналитики добавляют эту «изюминку» в свои отчеты в надежде на солидность. Однако зачастую такой шаг лишь излишество, ухудшающее восприятие данных.

А в качестве примера, те же звери, только в 3D 🙂

объемная гистограмма

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

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

Плюсы и минусы столбиковой диаграммы

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

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

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

Недостатки

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

Всевозможные способы создания столбчатой диаграммы

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

Построение столбиковой диаграммы в Excel

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

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

  1. выбор массива данных для построения графика
  2. меню вставка — выбор диаграммы (либо рекомендуемые диаграммы)
  3. выбрать нужный тип диаграммы, щелкнуть по нему левой кнопкой мыши — и всё, диаграмма автоматически появится на листе

картинка вставка диаграммы в Excel

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

Столбчатая диаграмма в Google Таблицах

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

картинка построение столбчатой диаграммы в google таблицахПостроение столбчатой диаграммы с помощью Google Таблиц так же делается в два простых шага:

 

  • Шаг 1 выделяем нужный массив данных
  • Шаг 2 нажимаем Вставка — Диаграмма — в редакторе выбираем Столбчатая диаграмма

Как построить столбчатую диаграмму в инструментарии для дашбордов?

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

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

В power BI добавление любой диаграммы проще, чем в самом Excel (панель инструментов сразу доступна), необходимо только выбрать требуемую столбчатую диаграмму и она автоматически добавляется на рабочую область.

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

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

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

К сожалению, сервис Tableau больше недоступен в РФ, однако у многих остались еще лицензии и если это будет полезно, то по ссылке можно найти подробный мануал как строить диаграммы, используя возможности сервиса.

Построение диаграммы в Visiology

Несмотря на то, что иностранные платформы покидают (или уже покинули) Россию у нас имеются некоторые аналоги, одним из которых является сервис от Visiology. В рамках этой платформы столбчатая диаграмма строится по принципу комбинаторики Excel и Power BI. Однако суть в том, что построить столбчатую диаграмму в этом сервисе также можно, а для общего понимания как это сделать рекомендую совсем коротенькое видео ниже.

Выбор диаграмм в Форсайт

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

картинка выбор диаграммы в Форсайт

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

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

  1. https://www.mathsisfun.com/data/data-graph.php
  2. https://www.rapidtables.com/tools/bar-graph.html

Руководство по созданию столбчатых диаграмм с помощью Python

Многие аналитики хотят получить более продвинутые способы построения столбчатой диаграммы. Чтож есть и такие варианты. Для тех кто использует Python в качестве языка обработки и визуализации данных уже давно написан Python Tutorials.

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

Строим диаграмму в Yandex DataLens

Относительно новым инструментом для выстраивания аналитической работы в компании является Yandex DataLens. В справочных материалах Yandex Cloud удалось найти подробное пошаговое руководство как применять столбчатую диаграмму в Yandex DataLens, если этот инструмент вами используется, рекомендую прочитать. Краткая же выжимка ниже.

картинка Yandex DataLens

Советы по созданию и оформлению столбиковых диаграмм

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

5 правил построения столбчатой диаграммы

  1. Крайне не желательно использовать эффекты при отрисовке столбчатой диаграммы (тени, повороты, объемные фигуры и прочее крайне нежелательны для диаграммы)
  2. Оптимальное количество категорий на диаграмме — не более 10, иначе теряется их читаемость
  3. Необходимо удалять с диаграммы всё, что не несет смысловой ценности (линии сетки, контуры диаграммы, подписи)
  4. Шкала на любом графике начинается с 0
  5. Сортируйте категории по убыванию значений слева направо.

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

Советы оформления столбчатой диаграммы

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

картинка совет сохраняйте диаграмму прямоугольной

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

картинка использование выделением цветом на диаграмме

Единственное допустимое решение для многоцветия — это устоявшееся соответствие цвета компаний-конкурентов или продуктов. Например, заливка вашей продукции синим, а продукт конкурента 1 всегда желтый, для второго конкурента всегда зеленый и т.д.

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

картинка отображения периодов

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

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

Уход от наклона написания на осях. Иногда, если категорий на диаграмме слишком много, в подписях оси они по умолчанию встают под углом 45*. От этого нужно стараться уходить, выравнивая подпись оси по горизонтали.

картинка наклон в написании осей

Принудительное размещение по горизонтали работает, но не всегда возможно. В этом случае часть подписей могут пропасть. Вылечить это можно 3 способами:

  1. расширить границы диаграммы (сделать ее чуть больше)
  2. изменить размер шрифта текста оси, снизив на 1 или 2 пункта
  3. выбрать горизонтальный тип столбиковой диаграммы

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

  • линейный график
  • круговая диаграмма
  • диаграммы с областями
  • и многие другие

Для написания статьи использовался следующая литература:

  1. «Краткая энциклопедия статистики». Додж, Ю., 2008 г.
  2. «Голая статистика». Уилан К., 2014 г.
  3. «Говори на языке диаграмм: пособие по визуальным коммуникациям». Желязны Д. 2004 г.

FAQ по столбчатым диаграммам

Каковы метки гистограммы?

Метки гистограмм перечислены ниже:

  • Горизонтальная ось (ось x)
  • Вертикальная ось (ось Y)
  • Название гистограммы
  • Название горизонтальной оси
  • Название вертикальной оси
  • Линии сетки
Каковы основные свойства столбчатой диаграммы?

Свойства столбчатой диаграммы следующие:

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

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

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

картинка выбор и сохранение шаблона диаграммы

Оцените статью
Будни аналитика
Добавить комментарий