Build directed graph in Grafana using Apache ECharts | Tutorial part 2
Data visualizations can and should be done in style.
I aim to explain everything step-by-step to ensure many more people can get creative and let their imaginations run wild, knowing that everything dreamed of can lend to the analytics dashboard.
Become a member of our fan club https://www.youtube.com/channel/UCQadniwbukI6ZmTN2oTTb-g/join and earn loyalty badges!
LINKS FROM THE VIDEO
?Apache ECharts library https://echarts.apache.org/en/index.html
?The project is online https://live.volkovlabs.io/
? Download the Apache ECharts plugin for Grafana https://volkovlabs.io/plugins/volkovlabs-echarts-panel/
?Learn about path https://www.w3.org/TR/SVG/paths.html
? Learn about SVG format https://www.w3schools.com/graphics/svg_intro.asp
? Learn about map() function https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
? Free icons in any format https://iconscout.com/icons
CHAPTERS
00:09 SQL data structure
00:35 Tables
00:43 Alternative data structure
01:24 Columns
03:33 Icons and images
04:57 SVG as Path
05:53 SVG in XML
06:20 Prefix for SVG as Path for the Apache ECharts
06:26 Prefix for SVG in XML for the Apache ECharts
06:33 Using Base64 for background in the Apache ECharts
07:34 Prefix for Base64 in the Apache ECharts
08:12 How to set up Apache ECharts panel in Grafana
08:17 Step 1
08:40 Step 2
08:49 Step 3
09:52 Step 4
11:36 Step 5
12:10 Step 6
13:34 Step 7
15:00 Sponsorship announcement
DISCOVER
? Documentation: https://docs.volkovlabs.io
? Blog: https://blog.volkovlabs.io
? GitHub: https://github.com/VolkovLabs
GET IN TOUCH
? Issues and questions: https://github.com/VolkovLabs
? GitHub Sponsor: https://github.com/sponsors/VolkovLabs
? LinkedIn: https://www.linkedin.com/company/volkovlabs
#Grafana #GrafanaPlugins #Visualization #ECharts #Graph #visualización #cuadro
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Build directed graph in Grafana using Apache ECharts | Tutorial part 2», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.