> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Widgets
> Explora los tipos de widgets y las opciones de visualización en 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 disponibles
Twenty ofrece varios tipos de widgets para visualizar tus datos de CRM.
### Gráficos de barras
Muestra los datos como barras horizontales o verticales.
**Ideal para:**
* Comparar valores entre categorías
* Mostrar clasificaciones
* Hacer seguimiento de métricas por período de tiempo
**Ejemplos de uso:**
* Oportunidades por etapa
* Ingresos por representante de ventas
* Contactos agregados por mes
**Límites de visualización**: Los gráficos de barras pueden mostrar un máximo de 100 barras y 50 grupos por barra cuando se usa Agrupar por. Si ves la advertencia "Datos no mostrados: máximo de X barras por gráfico", agrega filtros para acotar tus datos o cambia la agrupación (p. ej., agrupar por semana en lugar de por días).
### Gráficos de pastel
Muestra las proporciones de un todo.
**Ideal para:**
* Mostrar composición o distribución
* Comparar las partes con el todo
* Resaltar los segmentos principales
**Ejemplos de uso:**
* Distribución de oportunidades por origen
* Desglose de contactos por sector
* Composición del embudo por propietario
### Gráficos de líneas
Muestra las tendencias a lo largo del tiempo.
**Ideal para:**
* Hacer seguimiento de los cambios a lo largo del tiempo
* Identificar tendencias
* Comparar múltiples métricas
**Ejemplos de uso:**
* Tendencia mensual del número de oportunidades
* Crecimiento de ingresos por trimestres
* Niveles de actividad a lo largo del tiempo
### Gráficos agregados
Muestra valores clave individuales de forma destacada.
**Ideal para:**
* Resaltar los KPI
* Mostrar totales o promedios
* Comprobaciones rápidas de estado
**Ejemplos de uso:**
* Valor total del embudo
* Número de oportunidades abiertas
* Tasa de conversión
**Opciones avanzadas:**
* **Proporción**: Para campos de tipo Select, calcula proporciones entre valores. Ve a **Datos en pantalla** → selecciona tu campo → activa la opción **Proporción**.
* **Prefijo y sufijo**: Agrega texto personalizado antes o después del número (p. ej., prefijo "\$" o sufijo "%") para mejorar la legibilidad.
### iFrames
Incorpora herramientas y contenido externos directamente en tu panel.
**Ideal para:**
* Mostrar informes o paneles externos
* Integrar herramientas de ventas de terceros
* Mostrar contenido en tiempo real de otros sistemas
**Ejemplos de uso:**
* Métricas de tu herramienta de soporte
* Métricas de tu herramienta de marcación
* Contenido en tiempo real de tu herramienta de secuencias de ventas
### Texto enriquecido
Añade texto con formato y contenido directamente a tu panel.
**Ideal para:**
* Añadir contexto o instrucciones
* Descripciones del panel
* Notas y anotaciones
**Funciones:**
* Formato de texto enriquecido (negrita, cursiva, listas, etc.)
* Carga de imágenes y archivos
* Edición con estilo Markdown
**Próximamente**: Los gráficos de indicador y las tablas aún no están disponibles, pero están en nuestra hoja de ruta.
### Duplicar widgets
1. Haz clic en el widget
2. Abre **Opciones**
3. Haz clic en **Duplicar widget**
**Ideal para:**
* Comparar valores entre categorías
* Mostrar clasificaciones
* Hacer seguimiento de métricas por período de tiempo
**Ejemplos de uso:**
* Oportunidades por etapa
* Ingresos por representante de ventas
* Contactos agregados por mes
**Ideal para:**
* Mostrar composición o distribución
* Comparar las partes con el todo
* Resaltar los segmentos principales
**Ejemplos de uso:**
* Distribución de oportunidades por origen
* Desglose de contactos por sector
* Composición del embudo por propietario
### 
**Ideal para:**
* Hacer seguimiento de los cambios a lo largo del tiempo
* Identificar tendencias
* Comparar múltiples métricas
**Ejemplos de uso:**
* Tendencia mensual del número de oportunidades
* Crecimiento de ingresos por trimestres
* Niveles de actividad a lo largo del tiempo
### 
**Ideal para:**
* Resaltar los KPI
* Mostrar totales o promedios
* Comprobaciones rápidas de estado
**Ejemplos de uso:**
* Valor total del embudo
* Número de oportunidades abiertas
* Tasa de conversión
**Opciones avanzadas:**
* **Proporción**: Para campos de tipo Select, calcula proporciones entre valores. Ve a **Datos en pantalla** → selecciona tu campo → activa la opción **Proporción**.
* **Prefijo y sufijo**: Agrega texto personalizado antes o después del número (p. ej., prefijo "\$" o sufijo "%") para mejorar la legibilidad.
### 
**Ideal para:**
* Mostrar informes o paneles externos
* Integrar herramientas de ventas de terceros
* Mostrar contenido en tiempo real de otros sistemas
**Ejemplos de uso:**
* Métricas de tu herramienta de soporte
* Métricas de tu herramienta de marcación
* Contenido en tiempo real de tu herramienta de secuencias de ventas
### 
**Ideal para:**
* Añadir contexto o instrucciones
* Descripciones del panel
* Notas y anotaciones
**Funciones:**
* Formato de texto enriquecido (negrita, cursiva, listas, etc.)
* Carga de imágenes y archivos
* Edición con estilo Markdown