> ## Documentation Index
> Fetch the complete documentation index at: https://docs.get-clara.tech/llms.txt
> Use this file to discover all available pages before exploring further.
# Widgets
> Explore os tipos de widget e as opções de visualização no Twenty.
export const ChartIcon = ({icon, size = 20}) => {
const icons = {
'database': ,
'filter': ,
'axis-x': ,
'axis-y': ,
'sum': ,
'chart-pie': ,
'chart-line': ,
'calendar': ,
'arrows-sort': ,
'filters': ,
'chart-bar-popular': ,
'math-min': ,
'math-max': ,
'color-swatch': ,
'gizmo': ,
'stack-2': ,
'badge-2k': ,
'text-caption': ,
'eye-off': ,
'caret-left': ,
'caret-right': ,
'number-123': ,
'frame': ,
'align-box-left-top':
};
const selectedIcon = icons[icon];
if (!selectedIcon) {
return null;
}
return selectedIcon;
};
## Widgets disponíveis
O Twenty oferece vários tipos de widget para visualizar seus dados de CRM.
### Gráficos de barras
Exiba dados como barras horizontais ou verticais.
**Melhor para:**
* Comparar valores entre categorias
* Mostrar classificações
* Acompanhar métricas por período de tempo
**Exemplos de uso:**
* Negócios por etapa
* Receita por representante de vendas
* Contatos adicionados por mês
**Limites de exibição**: gráficos de barras podem mostrar no máximo 100 barras e 50 grupos por barra ao usar Agrupar por. Se você vir o aviso "Undisplayed data: max X bars per chart", adicione filtros para reduzir seus dados ou altere o agrupamento (por exemplo, agrupe por semana em vez de por dia).
### Gráficos de pizza
Exiba proporções do todo.
**Melhor para:**
* Mostrar composição ou distribuição
* Comparar partes com o todo
* Destacar os principais segmentos
**Exemplos de uso:**
* Distribuição de negócios por origem
* Distribuição de contatos por setor
* Composição do pipeline por responsável
### Gráficos de linha
Exiba tendências ao longo do tempo.
**Melhor para:**
* Acompanhar mudanças ao longo do tempo
* Identificar tendências
* Comparar várias métricas
**Exemplos de uso:**
* Tendência mensal do número de negócios
* Crescimento da receita ao longo dos trimestres
* Níveis de atividade ao longo do tempo
### Gráficos agregados
Exiba em destaque valores-chave únicos.
**Melhor para:**
* Destacar KPIs
* Mostrar totais ou médias
* Verificações rápidas de status
**Exemplos de uso:**
* Valor total do pipeline
* Número de oportunidades em aberto
* Taxa de conversão
**Opções avançadas:**
* **Proporção**: para campos do tipo Seleção, calcule proporções entre valores. Vá para **Dados em exibição** → selecione seu campo → ative a opção **Proporção**.
* **Prefixo e Sufixo**: adicione texto personalizado antes ou depois do número (por exemplo, prefixo "\$" ou sufixo "%") para melhor legibilidade.
### iFrames
Incorpore ferramentas e conteúdo externos diretamente no seu painel.
**Melhor para:**
* Exibir relatórios ou painéis externos
* Integrar ferramentas de vendas de terceiros
* Mostrar conteúdo em tempo real de outros sistemas
**Exemplos de uso:**
* Métricas da sua ferramenta de Suporte
* Métricas do seu discador
* Conteúdo em tempo real da sua ferramenta de sequências de Vendas
### Texto enriquecido
Adicione texto e conteúdo formatados diretamente ao seu painel.
**Melhor para:**
* Adicionar contexto ou instruções
* Descrições do painel
* Notas e anotações
**Recursos:**
* Formatação de texto enriquecido (negrito, itálico, listas, etc.)
* Envio de imagens e arquivos
* Edição no estilo Markdown
**Em breve**: gráficos de medidor e tabelas ainda não estão disponíveis, mas estão em nosso roteiro.
### Duplicar widgets
1. Clique no widget
2. Abra **Opções**
3. Clique em **Duplicar widget**
**Melhor para:**
* Comparar valores entre categorias
* Mostrar classificações
* Acompanhar métricas por período de tempo
**Exemplos de uso:**
* Negócios por etapa
* Receita por representante de vendas
* Contatos adicionados por mês
**Melhor para:**
* Mostrar composição ou distribuição
* Comparar partes com o todo
* Destacar os principais segmentos
**Exemplos de uso:**
* Distribuição de negócios por origem
* Distribuição de contatos por setor
* Composição do pipeline por responsável
### 
**Melhor para:**
* Acompanhar mudanças ao longo do tempo
* Identificar tendências
* Comparar várias métricas
**Exemplos de uso:**
* Tendência mensal do número de negócios
* Crescimento da receita ao longo dos trimestres
* Níveis de atividade ao longo do tempo
### 
**Melhor para:**
* Destacar KPIs
* Mostrar totais ou médias
* Verificações rápidas de status
**Exemplos de uso:**
* Valor total do pipeline
* Número de oportunidades em aberto
* Taxa de conversão
**Opções avançadas:**
* **Proporção**: para campos do tipo Seleção, calcule proporções entre valores. Vá para **Dados em exibição** → selecione seu campo → ative a opção **Proporção**.
* **Prefixo e Sufixo**: adicione texto personalizado antes ou depois do número (por exemplo, prefixo "\$" ou sufixo "%") para melhor legibilidade.
### 
**Melhor para:**
* Exibir relatórios ou painéis externos
* Integrar ferramentas de vendas de terceiros
* Mostrar conteúdo em tempo real de outros sistemas
**Exemplos de uso:**
* Métricas da sua ferramenta de Suporte
* Métricas do seu discador
* Conteúdo em tempo real da sua ferramenta de sequências de Vendas
### 
**Melhor para:**
* Adicionar contexto ou instruções
* Descrições do painel
* Notas e anotações
**Recursos:**
* Formatação de texto enriquecido (negrito, itálico, listas, etc.)
* Envio de imagens e arquivos
* Edição no estilo Markdown