Torna a tutti i diagrammi

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.

Editor
100%

Example

XY chart example

A Mermaid XY chart combining bars and a line for monthly diagram exports.

Mermaid XY chart example showing monthly diagram exports as bars and a line
Mermaid XY chart example showing monthly diagram exports as bars and a line

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.