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.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

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

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay