Como personalizar seu Grafana com cards do Monitor Craft

PASSO A PASSO

1. Verifique o plugin:
   Confirme se o plugin HTML Graphics está instalado em seu Grafana.
   Caso não esteja, siga as instruções da documentação oficial do plugin.


2. Crie o painel:
   No Grafana, adicione um novo painel e selecione HTML Graphics como tipo de visualização.


3. Ajuste a visualização:
   No campo Overflow, selecione a opção Hidden para evitar barras de rolagem indesejadas.


4. Limpe o conteúdo padrão:
   Apague todo o conteúdo padrão dos campos HTML/SVG document, CSS e onRender (JS) do plugin.


5. Copie o código do Monitor Craft:
   No site Monitor Craft, gere e copie o código.


6. Cole cada trecho no campo correspondente do plugin:
   • HTML no campo HTML/SVG document
   • CSS no campo CSS
   • JavaScript no campo onRender


7. Salve as alterações:
   Clique em Apply (no canto superior direito) para salvar e visualizar o resultado.