> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brainchat.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Blocos e gráficos

> Os blocos do Studio: gráficos e KPIs, tabelas, Kanban, calendário, mapa, formulários, fichas e blocos de conteúdo.

Clique em **Adicionar bloco** no editor do Studio. Os blocos mais usados aparecem primeiro; **Mostrar blocos avançados** exibe todos.

![Studio Visão 360° de Contatos com indicadores de contatos e conversas, gráfico de novos contatos por dia e distribuição por canal](https://mintcdn.com/stegia/gqRqm3rIoPM4XJCc/images/insights/studio-painel.png?fit=max\&auto=format\&n=gqRqm3rIoPM4XJCc\&q=85\&s=04e30985ce68340f2e99823cfb4ece28)

Blocos de número, gráfico de barras e pizza num Studio

## Dados

| Bloco | Para que serve |
| - | - |
| **Gráfico / KPI** | **Número (KPI)**, **Número com comparação**, **Barras verticais**, **Barras horizontais**, **Linha**, **Área**, **Pizza**, **Rosca**, **Funil horizontal** e **vertical**, **Mapa de calor (dia × hora)**, **Coorte (retorno por mês)** |
| **Tabela** | Lista de registros: **Lista bruta**, **Agrupada (pivot)**, **Registros recentes** |
| **Kanban** | Registros em colunas por um campo (ex.: fase); arrastar altera o registro |
| **Cards (catálogo)** | Vitrine de registros em cards, com carrinho opcional para pedidos |
| **Calendário** | Registros por data |
| **Gantt (cronograma)** | Linhas de tempo com início e fim |
| **Mapa (localizador)** e **Mapa de alcance** | Registros no mapa |
| **Matriz de referências** | Cruzamento de duas dimensões |
| **Linha do tempo** | Histórico de eventos |
| **Ficha do registro** | Um registro completo, com fases, ações e recursos |
| **Formulário** | Cria registros na tabela |
| **Campo em destaque**, **Selo**, **Barra de etapas**, **Progresso** | Um valor do registro em destaque |
| **Indicadores do mês**, **Ao vivo** | Indicadores prontos do atendimento |
| **Assistente (Wiki)** / **Widget IA** | Perguntas sobre os dados do painel |

## Conteúdo

**Título**, **Texto**, **Separador**, **Imagem**, **Botão**, **Banner**, **Comunicado** e **Container**.

## Configurar um gráfico

1. **Dados**: escolha a tabela e a métrica: **Contagem**, **Soma**, **Média**, **Mínimo**, **Máximo**, **% do total**, **Valor fixo (constante)** ou **Fórmula** (somar, subtrair, multiplicar e dividir métricas).
2. **Agrupar por** um campo ou por data, na granularidade **Hora**, **Dia**, **Semana**, **Quinzena**, **Mês**, **Bimestre**, **Trimestre**, **Semestre** ou **Ano**.
3. **Filtros do bloco**: somam-se aos [filtros do Studio](https://docs.brainchat.app/insights/studio/filtros.md).
4. **Aparência**: cores, rótulos, métrica principal e secundária, percentual do total.

Clique numa barra ou fatia para ver os registros por trás do número.

## Tabela, Kanban e catálogo

* **Ao clicar** num registro: abrir a ficha, ir para uma página de detalhe ou mostrar o registro em outros blocos da mesma página.
* Cabeçalho da tabela ordena; busca e exportação usam o texto exibido.
* Em tabelas grandes, a lista e o Kanban vêm paginados (no Kanban, "mostrar mais" por coluna).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.