🎥 Vídeo tutorial:
👉 CLIQUE AQUI PARA ASSISTIR: Dashboards com HTML, CSS e JavaScript (parte 1)
👉 CLIQUE AQUI PARA ASSISTIR: Dashboards com HTML, CSS e JavaScript (parte 2)
👉 CLIQUE AQUI PARA ASSISTIR: Dashboards com HTML, CSS e JavaScript (parte 3)
👉 CLIQUE AQUI PARA ASSISTIR: Dashboards com HTML, CSS e JavaScript (parte 4)
👉 CLIQUE AQUI PARA ASSISTIR: Dashboards com HTML, CSS e JavaScript (final)
Acesse os códigos utilizados:
👉 CLIQUE AQUI PARA ACESSAR O CÓDIGO HTML, CSS e JavaScript (parte 1)
👉 CLIQUE AQUI PARA ACESSAR O CÓDIGO HTML, CSS e JavaScript (parte 2)
👉 CLIQUE AQUI PARA ACESSAR O CÓDIGO HTML, CSS e JavaScript (parte 3)
👉 CLIQUE AQUI PARA ACESSAR O CÓDIGO HTML, CSS e JavaScript (parte 4)
👉 CLIQUE AQUI PARA ACESSAR O CÓDIGO HTML, CSS e JavaScript (final)
Nesta série de videos turoriais, vamos criar um Dashboard em Grafana, utilizando HTML, CSS e JavaScript utilizando o plugin Business Text desenvolvido pela Volkov Labs.
O Grafana já está integrado ao Zabbix Server, e os dados que exibiremos serão trazidos diretamente via expressões Handlebars, que permitem trabalhar com variáveis e lógica condicional no HTML.
O Handlebars.js é um mecanismo de template baseado em texto que permite inserir dados dinâmicos dentro de HTML. Ele utiliza chaves {{ }} para referenciar variáveis e controlar estruturas lógicas como if, each, entre outras.
📘 Documentação oficial do plugin:
https://volkovlabs.io/plugins/business-text/
📘 Icones:
https://freeimage.host/
Conclusão
O plugin Business Text oferece grande liberdade visual, permitindo criar cards personalizados, indicadores de status e dashboards dinâmicos apenas com HTML, CSS e Handlebars.