🥧 Mermaid

Diagramă circulară

Arată proporțiile dintr-o privire

Deschide acest exemplu în editor Generează una cu IA

Ce este o Diagramă circulară?

O diagramă circulară arată cum se descompune un total în părți: alocarea bugetului, cota de piață, răspunsurile la sondaje, distribuția timpului. În Mermaid sunt suficiente patru linii de text — perfect pentru documentație și rapoarte.

Exemplu live

Cod Mermaid

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

Exemplu live

Când să o folosești

Vizualizează repartizările de buget sau costuri în rapoarte

Prezintă rezultatele sondajelor și cotele de piață

Arată alocarea timpului sau a resurselor pe echipe

Sintaxă de bază

.mmd

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

Întrebări despre această diagramă

Pot afișa valorile reale pe grafic?

Da — adaugă showData după cuvântul-cheie pie și Mermaid afișează valoarea lângă fiecare etichetă, alături de procentaj.

Câte felii ar trebui să aibă o diagramă circulară?

Cel mult cinci-șapte, pentru lizibilitate. Grupează categoriile mici în „Altele” — poți trimite oricând către un tabel detaliat.

Explorează celelalte tipuri de diagrame

🔀 Diagramă de flux 💬 Diagramă de secvență 🧩 Diagramă de clase 🗄️ Diagramă entitate-relație 🔄 Diagramă de stări 📅 Diagramă Gantt 🧠 Hartă mentală 🌿 Graf Git 🕰️ Cronologie 🚶 Parcursul utilizatorului 🎯 Diagramă cu cadrane

Creează-ți acum Diagramă circulară

Descrie-o în limbaj natural — IA scrie codul Mermaid pentru tine.

Deschide Mermaid Studio