🥧 Mermaid

Wykres kołowy

Pokaż proporcje na pierwszy rzut oka

Otwórz ten przykład w edytorze Wygeneruj własny z AI

Czym jest Wykres kołowy?

Wykres kołowy pokazuje, jak całość dzieli się na części: alokacja budżetu, udziały w rynku, odpowiedzi z ankiet, rozkład czasu. W Mermaid to cztery linijki tekstu — idealne do dokumentacji i raportów.

Żywy przykład

Kod Mermaid

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

Żywy przykład

Kiedy go używać

Wizualizacja podziału budżetu lub kosztów w raportach

Prezentowanie wyników ankiet i udziałów w rynku

Pokazywanie alokacji czasu lub zasobów na zespół

Podstawowa składnia

.mmd

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

Pytania o ten diagram

Czy mogę pokazać rzeczywiste wartości na wykresie?

Tak — dodaj showData po słowie kluczowym pie, a Mermaid wyświetli wartość obok każdej etykiety, razem z procentem.

Ile wycinków powinien mieć wykres kołowy?

Maksymalnie pięć do siedmiu dla czytelności. Grupuj małe kategorie w „Inne” — zawsze możesz podlinkować szczegółową tabelę.

Poznaj pozostałe typy diagramów

🔀 Schemat blokowy 💬 Diagram sekwencji 🧩 Diagram klas 🗄️ Diagram związków encji 🔄 Diagram stanów 📅 Wykres Gantta 🧠 Mapa myśli 🌿 Graf Git 🕰️ Oś czasu 🚶 Podróż użytkownika 🎯 Wykres ćwiartkowy

Stwórz swój Wykres kołowy już teraz

Opisz go naturalnym językiem — AI napisze kod Mermaid za Ciebie.

Otwórz Mermaid Studio