🥧 Mermaid

Diagramme circulaire

Montrez les proportions d’un coup d’œil

Ouvrir cet exemple dans l’éditeur En générer un avec l’IA

Qu’est-ce qu’un Diagramme circulaire ?

Un diagramme circulaire montre comment un total se décompose : répartition budgétaire, parts de marché, réponses à une enquête, distribution du temps. En Mermaid, quatre lignes de texte suffisent — parfait pour docs et rapports.

Exemple en direct

Code Mermaid

pie showData
    title Cloud spend by service
    "Compute" : 42
    "Storage" : 23
    "Network" : 18
    "Databases" : 12
    "Other" : 5

Exemple en direct

Quand l’utiliser

Visualiser répartitions de budget ou de coûts dans les rapports

Présenter résultats d’enquêtes et parts de marché

Montrer l’allocation du temps ou des ressources par équipe

Syntaxe de base

.mmd

pie title Budget
    "Engineering" : 50
    "Marketing" : 30
    "Operations" : 20

Questions sur ce diagramme

Puis-je afficher les valeurs réelles sur le graphique ?

Oui — ajoutez showData après le mot-clé pie et Mermaid affiche la valeur à côté de chaque libellé, en plus du pourcentage.

Combien de parts un diagramme circulaire doit-il avoir ?

Cinq à sept au maximum pour rester lisible. Regroupez les petites catégories dans « Autres » — vous pouvez toujours renvoyer vers un tableau détaillé.

Explorer les autres types de diagrammes

🔀 Flowchart (logigramme)💬 Diagramme de séquence 🧩 Diagramme de classes 🗄️ Diagramme entité-association 🔄 Diagramme d’états 📅 Diagramme de Gantt 🧠 Carte mentale 🌿 Graphe Git 🕰️ Frise chronologique 🚶 Parcours utilisateur 🎯 Matrice à quadrants

Créez votre Diagramme circulaire maintenant

Décrivez-le en langage naturel — l’IA écrit le code Mermaid pour vous.

Ouvrir Mermaid Studio