Найти в Дзене
BLDN-fanatik

Визуализируй! Краткое погуржение в диаграммы (графики) в Buildin.Ai

Графики и диаграммы являются мощными инструментами для визуализации данных, позволяя быстро и эффективно передавать сложную информацию. Они идеально подходят для того, чтобы сделать данные более понятными и доступными для анализа и формирования выводов. На данный момент нам доступны 4 (спойлер - нет) типа диаграмм Столбчатые — это график, на котором данные представлены вертикальными столбцами, высота которых соответствует значению, которое они обозначают. Она идеально подходит для сравнения разных категорий и анализа динамики показателей во времени, что делает ее полезной в бизнесе и образовании. Линейные — это график, на котором данные представлены в виде линии, соединяющей точки, что позволяет отслеживать тенденции и изменения во времени. Она идеально подходит для демонстрации динамики показателей, таких как рост или спад, что делает ее полезной для прогнозирования и анализа тенденций. Горизонтальные — это тип графика, на котором данные представлены в виде горизонтальных столбцов. Дл
Оглавление

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

Преимущества визуализации данных

  • Легкость восприятия: Графики и диаграммы позволяют быстро понять основные тенденции и закономерности в данных, что делает их более доступными для восприятия. Это особенно важно для тех, кто не имеет специальной подготовки в области статистики или анализа данных.
  • Эффективная коммуникация: Визуализация помогает передавать сложные идеи простым и понятным языком, что особенно важно в бизнесе и образовании. Она позволяет быстро передать ключевые выводы и рекомендации, что ускоряет процесс принятия решений.
  • Анализ данных: Графики и диаграммы облегчают выявление корреляций и аномалий в данных, что важно для принятия обоснованных решений. Это позволяет глубже понять взаимосвязи между различными факторами и прогнозировать будущие тенденции.

Какие есть варианты диаграмм в Buildin.Ai

На данный момент нам доступны 4 (спойлер - нет) типа диаграмм

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

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

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

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

А ещё разработчики Buildin.Ai дали нам возможность выводить статические данные в формате диаграммы, и таким образом нам доступно 5 диаграмм!

-2

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

Столбчатые и горизонтальные диаграммы

  • Базовая - в этом формате столбы отображаются в одномреном виде
  • Сложенная - для столбчатых и линейных диаграмм показывает фактическое значение каждого из элементов диаграммы и их общую сумму
  • Процентная - для столбчатых и линейных диаграмм показывает долю каждого из значений в общем итоге, приравнивая итог к 100% результата

Как использовать столбцы

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

-3

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

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

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

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

-4

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

  • Базовая - в этом формате линии отображаются в одномреном виде
  • Гладкая линейная - отображает такие же данные как и базовая линейная, но с плавными переходами от одного значения к другому
  • Лестничная линейная - отображает такие же данные как и гладкая линейная, но с переходами от одного значения к другому под 90°

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

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

-5

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

-6

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

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

Как использовать круги (пироги и пончики)

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

-7

Стоит отметить, что восприятие круговой диаграммы сильно зависит от настроек размера радиусов, не поленитесь, потратьте на это время, оно того действительно стоит:

-8

Статические данные

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

Как использовать статические данные

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

В качестве дополнения

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

-9

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

-10

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

-11

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

Ссылки

Telegram-канал:
https://t.me/rubuildinai

А также:
VK Video / RuTube / YouTube