🥧 Mermaid

Koláčový graf

Ukážte proporcie na prvý pohľad

Otvoriť tento príklad v editore Vygenerovať vlastný s AI

Čo je Koláčový graf?

Koláčový graf ukazuje, ako sa celok delí na časti: rozdelenie rozpočtu, trhové podiely, odpovede z prieskumov, rozloženie času. V Mermaid stačia štyri riadky textu — ideálne pre dokumentáciu a reporty.

Živý príklad

Mermaid kód

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

Živý príklad

Kedy ho použiť

Vizualizácia rozdelenia rozpočtu alebo nákladov v reportoch

Prezentácia výsledkov prieskumov a trhových podielov

Zobrazenie rozdelenia času alebo zdrojov podľa tímov

Základná syntax

.mmd

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

Otázky k tomuto diagramu

Môžem na grafe zobraziť skutočné hodnoty?

Áno — pridajte showData za kľúčové slovo pie a Mermaid zobrazí hodnotu vedľa každého popisu, spolu s percentom.

Koľko výsekov by mal koláčový graf mať?

Najviac päť až sedem kvôli čitateľnosti. Malé kategórie zoskupte do „Ostatné“ — vždy môžete odkázať na podrobnú tabuľku.

Preskúmať ďalšie typy diagramov

🔀 Vývojový diagram 💬 Sekvenčný diagram 🧩 Diagram tried 🗄️ Entitno-relačný diagram 🔄 Stavový diagram 📅 Ganttov graf 🧠 Myšlienková mapa 🌿 Git graf 🕰️ Časová os 🚶 Cesta používateľa 🎯 Kvadrantový graf

Vytvorte svoj Koláčový graf hneď teraz

Opíšte ho prirodzeným jazykom — AI napíše Mermaid kód za vás.

Otvoriť Mermaid Studio