> ## 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. # Widget > Esplora i tipi di widget e le opzioni di visualizzazione in 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; }; ## Widget disponibili Twenty offre diversi tipi di widget per visualizzare i dati del tuo CRM. ### Grafici a barre Mostra i dati come barre orizzontali o verticali.

**Ideali per:** * Confrontare i valori tra categorie * Mostrare classifiche * Monitorare le metriche per periodo di tempo **Esempi di utilizzo:** * Opportunità per fase * Ricavi per rappresentante commerciale * Contatti aggiunti per mese **Limiti di visualizzazione**: I grafici a barre possono mostrare al massimo 100 barre e, quando si usa Raggruppa per, 50 gruppi per barra. Se visualizzi l'avviso "Undisplayed data: max X bars per chart", aggiungi filtri per restringere i dati o modifica il raggruppamento (ad es., raggruppa per settimana invece che per giorni). ### Grafici a torta Mostra le proporzioni del totale.

**Ideali per:** * Mostrare composizione o distribuzione * Confrontare le parti con il totale * Evidenziare i segmenti principali **Esempi di utilizzo:** * Distribuzione delle opportunità per fonte * Ripartizione dei contatti per settore * Composizione della pipeline per proprietario ### Grafici a linee Mostra le tendenze nel tempo.

**Ideali per:** * Monitorare i cambiamenti nel tempo * Individuare le tendenze * Confrontare più metriche **Esempi di utilizzo:** * Andamento mensile del numero di opportunità * Crescita dei ricavi per trimestre * Livelli di attività nel tempo ### Grafici aggregati Mostra in evidenza singoli valori chiave.

**Ideali per:** * Mettere in evidenza i KPI * Mostrare totali o medie * Controlli rapidi dello stato **Esempi di utilizzo:** * Valore totale della pipeline * Numero di opportunità aperte * Tasso di conversione **Opzioni avanzate:** * **Rapporto**: Per i campi di tipo Select, calcola i rapporti tra i valori. Vai a **Dati visualizzati** → seleziona il tuo campo → abilita l'opzione **Rapporto**. * **Prefisso e suffisso**: Aggiungi un testo personalizzato prima o dopo il numero (ad es., prefisso "\$" o suffisso "%") per una migliore leggibilità. ### iFrames Incorpora strumenti e contenuti esterni direttamente nella tua dashboard.

**Ideali per:** * Visualizzare report o dashboard esterni * Integrare strumenti di vendita di terze parti * Mostrare contenuti in tempo reale da altri sistemi **Esempi di utilizzo:** * Metriche dal tuo strumento di assistenza * Metriche dal tuo dialer * Contenuti in tempo reale dal tuo strumento per sequenze di vendita ### Testo formattato Aggiungi testo formattato e contenuti direttamente alla tua dashboard.

**Ideale per:** * Aggiunta di contesto o istruzioni * Descrizioni della dashboard * Note e annotazioni **Funzionalità:** * Formattazione del testo (grassetto, corsivo, elenchi, ecc.) * Caricamento di immagini e file * Modifica in stile Markdown **In arrivo**: I grafici a indicatore e le tabelle non sono ancora disponibili ma sono nella nostra roadmap. ### Duplicazione dei widget 1. Fai clic sul widget 2. Apri **Opzioni** 3. Fai clic su **Duplica widget**