🥧 Mermaid

Cirkeldiagram

Visa proportioner med en blick

Öppna detta exempel i editorn Generera ett med AI

Vad är ett Cirkeldiagram?

Ett cirkeldiagram visar hur en helhet fördelas i delar: budgetfördelning, marknadsandelar, enkätsvar, tidsfördelning. I Mermaid räcker fyra rader text — perfekt för dokumentation och rapporter.

Live-exempel

Mermaid-kod

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

Live-exempel

När det ska användas

Visualisera budget- eller kostnadsfördelningar i rapporter

Presentera enkätresultat och marknadsandelar

Visa tids- eller resursfördelning per team

Grundläggande syntax

.mmd

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

Frågor om detta diagram

Kan jag visa de faktiska värdena i diagrammet?

Ja — lägg till showData efter nyckelordet pie så visar Mermaid värdet bredvid varje etikett, tillsammans med procentandelen.

Hur många bitar bör ett cirkeldiagram ha?

Högst fem till sju för läsbarhetens skull. Gruppera små kategorier under “Övrigt” — du kan alltid länka till en detaljerad tabell.

Utforska andra diagramtyper

🔀 Flödesschema 💬 Sekvensdiagram 🧩 Klassdiagram 🗄️ Entitetsrelationsdiagram 🔄 Tillståndsdiagram 📅 Gantt-schema 🧠 Tankekarta 🌿 Git-graf 🕰️ Tidslinje 🚶 Användarresa 🎯 Kvadrantdiagram

Skapa ditt Cirkeldiagram nu

Beskriv det på vanligt språk — AI:n skriver Mermaid-koden åt dig.

Öppna Mermaid Studio