DEV Community

Beatriz Oliveira for Sysadminas

Posted on

1

Primeiros passos com Kibana Canvas

O Kibana Canvas é uma poderosa ferramenta para criação de dashboards, onde os seus dados podem ser exibidos de forma elegante e atrativa, dei uma introduçāo sobre ele nesse artigo.

No começo, pode parecer complexo, mas a criação dos dashboards é altamente intuitiva e simples, e é isso que vou mostrar com esse primeiro tutorial:

Um dos pré requisitos é ter acesso ao Canvas no seu Kibana.

  • Acesse o Kibana, clique no menu da esquerda em Canvas, e depois em Workpad.

Alt Text

  • Clique em Create Workpad para criar seu primeiro Workpad. Você pode criar um modelo do zero ou usar um dos templates. Aqui nós vamos usar o template Dark.

Alt Text

  • Para alterar o logo, clique em Insert logo here

Alt Text

  • No menu da direita clique em Import, navegue até a imagem e dê dois cliques. Você também pode arrastar e soltar pra fazer o upload.

Alt Text

  • Para editar o título, autor e data basta clicar em cima, no menu da direita para alterar as propriedades do markdown.

Alt Text

  • Edite e as informações e clique em Apply.

Alt Text

  • Esse é resultado do primeiro Dashboard customizado ;)

Alt Text

  • Você pode ir navegando nas páginas do seu Canvas e ir editando os elementos.

Alt Text

  • Vamos selecionar uma nova fonte de dados clicando em um dos elementos abaixo:

Alt Text

  • Clique em Data, depois em Change your data source:

Alt Text

  • Altere sua fonte de dados, clicando em uma das opções abaixo:

Alt Text

  • O Canvas permite que você utilize várias fontes de dados e para o nosso tutorial usamos o Demo Data, onde os dados estão "mokados". Essa é uma ótima opção para, por exemplo, validar o design com o seu stakeholder na fase de projeto, onde os dados de produção em geral não estão disponíveis.

Alt Text

Caso o seu Elasticsearch tenha dados indexados, você pode usar essa fonte de dados.

  • Os elementos do Kibana Canvas permitem alto nível de customização das suas propriedades, como por exemplo os textos onde você pode configurar o arquivo CSS de forma individual.

Alt Text

Os elementos estão categorizados por tags e possuem muitas formas e estilos, como gráficos em pizza, barras, pontos, textos e números, barras de progresso e etc como mostra a figura abaixo:

Alt Text

Os elementos podem ser agrupados ou salvos como elementos customizados, permitindo uma infinidade de combinações na exibição dos dados.

Considerações finais

Essa é uma maneira de começar a dar seus primeiros passos com o Kibana Canvas, recomendamos que você explore ao máximo as funcionalidades pois é uma ferramenta que se adequa a muitos cenários e casos de uso.

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more