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

Продолжаю цикл рассказов про тонкости использования индикаторов в пакете визуализации Grafana. Эта статья - про индикаторы со структурой, Bar Chart и Pie Chart. Предыдущая статья цикла - здесь. Столбчатые диаграммы Столбчатые диаграммы используются тогда, когда необходимо отобразить изменение структуры некоего потока во времени. Для обучения попробуем создать столбчатую диаграмму с зависимостью utm_source от времени. Отбор данных для такой диаграммы отличается двумя особенностями. Если вы сделаете это, получите примерно вот такую не очень красивую картинку...