Graphiques XY
Creez des diagrammes a barres et des graphiques lineaires avec des axes personnalisables. Ideal pour la visualisation de donnees et l'analyse des tendances.
Qu'est-ce qu'un Graphiques XY ?
Les graphiques XY sont des outils de visualisation de donnees polyvalents qui tracent des points de donnees sur un systeme de coordonnees bidimensionnel. Prenant en charge les diagrammes a barres et les graphiques lineaires, ils sont fondamentaux pour montrer les tendances, les comparaisons et les distributions. Les graphiques XY sont parmi les types de graphiques les plus couramment utilises dans les rapports commerciaux, la recherche scientifique et l'analyse de donnees.
Modifier et previsualiser
Construisez un Graphiques XY avec la syntaxe Mermaid et voyez les changements instantanement.
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]Cas d'utilisation courants
Analyse de tendances
Suivez les metriques au fil du temps avec des graphiques lineaires. Visualisez les tendances de croissance, les modeles saisonniers et les trajectoires de performance.
Rapports de comparaison
Comparez les valeurs entre categories avec des diagrammes a barres. Montrez le revenu par region, les scores par equipe ou les comptes par categorie.
Tableaux de bord de performance
Creez des resumes visuels des metriques cles. Combinez barres et lignes pour montrer a la fois les valeurs absolues et les tendances.
Documentation de donnees
Incluez des graphiques dans la documentation technique et les rapports. Gardez les visualisations de donnees versionnees aux cotes du contenu textuel.
Fonctionnalites cles
Diagrammes a barres
Creez des diagrammes a barres verticaux avec des valeurs de donnees et des etiquettes de categories personnalisees pour les comparaisons categoriques.
Graphiques lineaires
Tracez des donnees continues avec des graphiques lineaires pour montrer les tendances et les changements au fil du temps ou entre categories.
Axes personnalises
Definissez les etiquettes d'axes, les plages et les categories. Fixez les valeurs minimales et maximales pour une representation precise des donnees.
Graphiques combines
Superposez des diagrammes a barres et des graphiques lineaires dans la meme visualisation pour montrer plusieurs dimensions de donnees simultanement.
Bonnes pratiques
Choisissez le bon type de graphique
Utilisez des barres pour les comparaisons categoriques et des lignes pour les tendances au fil du temps. Combinez-les lorsque vous montrez les deux aspects.
Etiquetez les axes clairement
Incluez toujours des etiquettes d'axes avec les unites. Les lecteurs doivent comprendre ce que le graphique montre sans explication supplementaire.
Commencez l'axe Y a zero
Pour les diagrammes a barres, commencez l'axe Y a zero pour eviter des proportions visuelles trompeuses.
Gardez les jeux de donnees cibles
Montrez une ou deux series de donnees par graphique. Trop de series superposees rendent les graphiques difficiles a lire.
Explorer d'autres types de diagrammes
Organigrammes
Visualisez les processus, les flux de travail et les algorithmes avec des noeuds et des fleches directionnelles. Parfait pour les processus metier et les arbres de decision.
Diagrammes de sequence
Documentez les interactions entre differents acteurs ou systemes au fil du temps. Ideal pour la documentation API et la conception de systemes.
Diagrammes de classes
Modelisez les systemes orientes objet avec des classes, des attributs et des relations. Essentiel pour la planification de l'architecture logicielle.
Diagrammes d'etats
Representez les transitions d'etats dans les systemes ou les applications. Ideal pour modeliser les cycles de vie et les flux de travail.
Diagrammes de Gantt
Planifiez et suivez les calendriers de projets avec des taches et des dependances. Parfait pour la gestion de projets et la planification.
Diagrammes ER
Concevez des schemas de bases de donnees avec des entites et des relations. Ideal pour la modelisation et la documentation de bases de donnees.
Parcours utilisateur
Cartographiez les experiences et interactions des utilisateurs a travers les points de contact. Excellent pour la conception UX et la cartographie du parcours client.
Graphes Git
Visualisez les strategies de branchement Git et l'historique des commits. Utile pour expliquer les flux de travail du controle de version.
Cartes mentales
Organisez vos idees, faites du brainstorming et creez des structures visuelles hierarchiques. Parfait pour la planification et la cartographie des connaissances.
Diagrammes circulaires
Affichez les distributions proportionnelles de donnees avec des graphiques circulaires. Ideal pour montrer les pourcentages et les repartitions de parts de marche.
Chronologies
Visualisez les evenements chronologiques et les jalons le long d'un axe temporel. Ideal pour les historiques de projets et les feuilles de route.
Tableaux Kanban
Organisez les taches en colonnes representant les etapes du flux de travail. Parfait pour la gestion de projet agile et le suivi des taches.
Diagrammes en quadrants
Positionnez des elements sur une grille a deux axes pour comparer et prioriser. Ideal pour la priorisation des fonctionnalites et l'analyse strategique.
Diagrammes de Sankey
Visualisez les quantites de flux entre les noeuds avec des fleches proportionnelles. Parfait pour les flux d'energie, l'allocation budgetaire et les entonnoirs de conversion.
Diagrammes de blocs
Construisez des mises en page structurees avec des blocs disposes en colonnes et en lignes. Ideal pour l'architecture systeme et les vues d'ensemble des composants.
Diagrammes d'architecture
Concevez des architectures cloud et systeme avec des icones de services et des connexions. Parfait pour la documentation d'infrastructure.
Diagrammes de paquets
Visualisez les structures de paquets de protocoles reseau avec des dispositions de champs au niveau du bit. Essentiel pour la documentation des protocoles reseau.