🔀 Mermaid

Vývojový diagram

Zmapujte akýkoľvek proces, rozhodnutie alebo algoritmus

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

Čo je Vývojový diagram?

Vývojový diagram zobrazuje kroky procesu a rozhodnutia medzi nimi. Je to najuniverzálnejší diagram: onboardingové toky, algoritmy, schvaľovacie reťazce, návody na riešenie problémov — ak má niečo kroky a voľby, vývojový diagram to zobrazí.

Živý príklad

Mermaid kód

flowchart TD
    A([Start]) --> B{Payment valid?}
    B -->|Yes| C[Reserve stock]
    B -->|No| D[Show error]
    C --> E{In stock?}
    E -->|Yes| F[Confirm order]
    E -->|No| G[Notify customer]
    F --> H([Done])
    D --> H
    G --> H

Živý príklad

Kedy ho použiť

Dokumentácia firemných procesov a schvaľovacích workflow

Návrh algoritmov a logiky spracovania chýb pred písaním kódu

Vysvetlenie postupov riešenia problémov a rozhodovacích stromov tímom podpory

Základná syntax

.mmd

flowchart TD
    A[Rectangle] --> B{Decision}
    B -->|Yes| C([Rounded])
    B -->|No| D[(Database)]

Otázky k tomuto diagramu

Kedy použiť vývojový diagram namiesto sekvenčného diagramu?

Vývojový diagram použite pre logiku jedného procesu (kroky a rozhodnutia). Sekvenčný diagram použite, keď si viacero aktérov alebo systémov vymieňa správy v čase.

Dokáže AI vygenerovať vývojový diagram z textového opisu?

Áno — opíšte proces prirodzeným jazykom („používateľ sa zaregistruje, overí e-mail, potom…“) a Mermaid Studio vygeneruje kompletný vývojový diagram pripravený na úpravy.

Preskúmať ďalšie typy diagramov

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

Vytvorte svoj Vývojový diagram hneď teraz

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

Otvoriť Mermaid Studio