Visualize Library e Lens

O Lens é a ferramenta drag-and-drop do Kibana para criar visualizações sem código.

Criando uma Visualização com Lens

1. Vá em Visualize Library > Create visualization > Lens
2. Escolha o Index Pattern
3. Arraste campos para os eixos:
   • Horizontal: campo para o eixo X (ex: imestamp para série temporal)
   • Vertical: métrica (ex: count, verage, sum)
   • Breakdown: agrupamento (ex: status.keyword)
4. Escolha o tipo de gráfico

Tipos de Visualização no Lens

json // Configuração via API { "title": "Vendas por Mês", "visualizationType": "lnsXY", // bar, line, area "type": "lens", "state": { "visualization": { "preferredSeriesType": "bar_horizontal", "layers": [{ "layerId": "layer1", "accessors": ["sum_preco"], "position": "top", "xAccessor": "data_mes" }] }, "datasourceStates": { "formBased": { "layers": { "layer1": { "columnOrder": ["data_mes", "sum_preco"], "columns": { "data_mes": { "sourceField": "data", "operationType": "date_histogram", "params": { "interval": "auto" } }, "sum_preco": { "sourceField": "preco", "operationType": "sum" } } } } } } } }

Tipo	Uso
Bar	Comparação entre categorias
Line	Tendências ao longo do tempo
Pie / Donut	Proporções e distribuições
Table	Dados tabulares com métricas
Metric	Destaque de um número único
Gauge	Meta vs realizado
Heatmap	Densidade em grid
Tag cloud	Frequência de termos

TSVB — Time Series Visual Builder

Para análises avançadas de séries temporais:

json { "visualizationType": "tsvb", "params": { "series": [{ "label": "Receita Média Móvel", "data_format": "number", "metrics": [ { "type": "avg", "field": "valor" }, { "type": "moving_average", "window": 7 } ], "split_mode": "terms", "terms_field": "categoria" }], "annotations": [{ "text": "Meta batida!", "key": "meta", "query": "meta_batida: true" }] } }

Dashboards

Criando um Dashboard

`ash

1. Dashboard > Create dashboard

2. Add > Add an existing panel (escolha visualização salva)

3. Organize panels no grid (arraste para redimensionar)

4. Configure links e drilldowns

`

Links e Drilldowns

json POST kbn:/api/saved_objects/dashboard/{id} { "attributes": { "title": "Dashboard Operacional", "panels": [{ "panelIndex": "panel1", "panelReference": { "type": "visualization", "id": "viz123" }, "gridData": { "x": 0, "y": 0, "w": 24, "h": 15 } }], "links": [{ "type": "dashboard", "link": "dashboard-id", "label": "Ver detalhes" }] } }

Drilldowns (Interações entre panels)

No Dashboard:

1. Edite um panel > Interactions > Add drilldown
2. Configure: trigger (click), target (dashboard/URL), scope

json { "drilldowns": [{ "drilldownName": "Detalhes do Produto", "actionName": "openInNewTab", "url": "https://meusistema.com/produtos/{{value}}" }] }

Exportar Dashboard

`ash

Stack Management > Saved Objects > Selecione dashboard > Export

Gera arquivo .ndjson com todos os objetos relacionados

Via API

POST kbn:/api/saved_objects/_export { "type": "dashboard", "includeReferencesDeep": true } `

Canvas — Workpads Visuais

Canvas permite criar workpads interativos para apresentações.

json { "workpad": { "name": "Relatório Mensal", "width": 1920, "height": 1080, "pages": [{ "id": "page1", "elements": [{ "id": "chart1", "position": { "top": 50, "left": 50, "width": 800, "height": 400 }, "expression": "kibana | selectFilter | pointseries | plot defaultStyle={seriesStyle points=5}" }] }] } }

Elementos Canvas:

• Chart elements: gráficos, tabelas, métricas
• Image elements: logotipos, ícones
• Text elements: títulos, descrições
• Data sources: Elasticsearch, timelion, static CSV

Lab: Dashboard Analítico

`ash

1. Crie visualizações Lens:

- Linha: vendas por mês

- Barra: top 5 produtos

- Métrica: faturamento total

- Pizza: distribuição por categoria

2. Monte um dashboard com:

- Grid de 2 colunas

- Filtro global por período

- Drilldown para outra visualização

3. Adicione uma anotação TSVB marcando um evento

4. Exporte o dashboard como .ndjson

`

Lens + Dashboards oferecem criação visual de análises sem código, enquanto TSVB e Canvas atendem cenários avançados de séries temporais e apresentações.