Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Sysadminas profile imageBeatriz Oliveira
Beatriz Oliveira forSysadminas

Posted on

     

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 nesseartigo.

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 emCanvas, e depois emWorkpad.

Alt Text

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

Alt Text

  • Para alterar o logo, clique emInsert logo here

Alt Text

  • No menu da direita clique emImport, 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 emApply.

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 emData, depois emChange 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 oDemo 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.

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

sysadminas

More fromSysadminas

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp