Grafici XY
Crea grafici a barre e grafici a linee con assi personalizzabili. Ideali per la visualizzazione dei dati e l'analisi delle tendenze.
Cos'è Grafici XY?
I grafici XY sono strumenti versatili di visualizzazione dei dati che tracciano punti dati su un sistema di coordinate bidimensionale. Supportando sia grafici a barre che grafici a linee, sono fondamentali per mostrare tendenze, confronti e distribuzioni. I grafici XY sono tra i tipi di grafico più comunemente usati nel reporting aziendale, nella ricerca scientifica e nell'analisi dei dati.
Modifica e anteprima
Costruisci un Grafici XY con la sintassi Mermaid e visualizza le modifiche istantaneamente.
Example
XY chart example
A Mermaid XY chart combining bars and a line for monthly diagram exports.

Mermaid code
xychart-beta
title "Monthly Diagram Exports"
x-axis [Jan, Feb, Mar, Apr, May]
y-axis "Exports" 0 --> 100
bar [42, 58, 73, 81, 96]
line [40, 55, 70, 84, 94]Casi d'uso comuni
Analisi delle tendenze
Monitora le metriche nel tempo con grafici a linee. Visualizza tendenze di crescita, pattern stagionali e traiettorie di performance.
Report comparativi
Confronta valori tra categorie con grafici a barre. Mostra ricavi per regione, punteggi per team o conteggi per categoria.
Dashboard di performance
Crea riepiloghi visivi di metriche chiave. Combina barre e linee per mostrare sia valori assoluti che tendenze.
Documentazione dei dati
Includi grafici nella documentazione tecnica e nei report. Mantieni le visualizzazioni dei dati sotto controllo versione insieme al contenuto testuale.
Funzionalità principali
Grafici a barre
Crea grafici a barre verticali con valori dati personalizzati e etichette di categoria per confronti categoriali.
Grafici a linee
Traccia dati continui con grafici a linee per mostrare tendenze e cambiamenti nel tempo o tra categorie.
Assi personalizzati
Definisci etichette degli assi, intervalli e categorie. Imposta valori minimi e massimi per una rappresentazione precisa dei dati.
Grafici combinati
Sovrapponi grafici a barre e a linee nella stessa visualizzazione per mostrare più dimensioni dei dati contemporaneamente.
Migliori pratiche
Scegli il tipo di grafico giusto
Usa le barre per confronti categoriali e le linee per tendenze nel tempo. Combinali quando mostri entrambi gli aspetti.
Etichetta gli assi chiaramente
Includi sempre le etichette degli assi con le unità. I lettori dovrebbero capire cosa mostra il grafico senza spiegazioni aggiuntive.
Inizia l'asse Y da zero
Per i grafici a barre, inizia l'asse Y da zero per evitare proporzioni visive fuorvianti.
Mantieni i set di dati focalizzati
Mostra una o due serie di dati per grafico. Troppe serie sovrapposte rendono i grafici difficili da leggere.
Esplora altri tipi di diagramma
Diagrammi di flusso
Visualizza processi, flussi di lavoro e algoritmi con nodi e frecce direzionali. Perfetti per processi aziendali e alberi decisionali.
Diagrammi di sequenza
Documenta le interazioni tra diversi attori o sistemi nel tempo. Ideali per la documentazione API e la progettazione di sistemi.
Diagrammi delle classi
Modella sistemi orientati agli oggetti con classi, attributi e relazioni. Essenziali per la pianificazione dell'architettura software.
Diagrammi di stato
Rappresenta le transizioni di stato nei sistemi o nelle applicazioni. Ottimi per modellare stati del ciclo di vita e flussi di lavoro.
Diagrammi di Gantt
Pianifica e monitora le tempistiche dei progetti con attività e dipendenze. Perfetti per la gestione dei progetti e la pianificazione.
Diagrammi ER
Progetta schemi di database con entità e relazioni. Ideali per la modellazione e la documentazione dei database.
Percorso utente
Mappa le esperienze e le interazioni degli utenti attraverso i punti di contatto. Eccellente per il design UX e la mappatura del percorso cliente.
Grafi Git
Visualizza le strategie di branching Git e le cronologie dei commit. Utili per spiegare i flussi di lavoro del controllo versione.
Mappe mentali
Organizza idee, fai brainstorming di concetti e crea strutture visive gerarchiche. Perfette per la pianificazione e la mappatura delle conoscenze.
Grafici a torta
Visualizza distribuzioni proporzionali di dati con grafici circolari. Ideali per mostrare percentuali e quote di mercato.
Linee temporali
Visualizza eventi cronologici e traguardi lungo un asse temporale. Ottimi per cronologie di progetto e roadmap.
Board Kanban
Organizza le attività in colonne che rappresentano le fasi del flusso di lavoro. Perfetto per la gestione agile e il monitoraggio delle attività.
Grafici a quadranti
Posiziona elementi su una griglia a due assi per confrontare e prioritizzare. Ideale per la prioritizzazione delle funzionalità e l'analisi strategica.
Diagrammi di Sankey
Visualizza le quantità di flusso tra nodi con frecce proporzionali. Perfetti per flussi energetici, allocazione di budget e funnel di conversione.
Diagrammi a blocchi
Costruisci layout strutturati con blocchi disposti in colonne e righe. Ottimi per architetture di sistema e panoramiche dei componenti.
Diagrammi di architettura
Progetta architetture cloud e di sistema con icone di servizio e connessioni. Perfetti per la documentazione dell'infrastruttura.
Diagrammi di pacchetto
Visualizza le strutture dei pacchetti dei protocolli di rete con layout dei campi a livello di bit. Essenziali per la documentazione dei protocolli di rete.