🔀 Mermaid

Vuokaavio

Kartoita mikä tahansa prosessi, päätös tai algoritmi

Avaa tämä esimerkki editorissa Generoi tekoälyllä

Mikä on Vuokaavio?

Vuokaavio näyttää prosessin vaiheet ja niiden väliset päätökset. Se on universaalein kaavio: perehdytysprosessit, algoritmit, hyväksyntäketjut, vianetsintäoppaat — jos siinä on vaiheita ja valintoja, vuokaavio voi näyttää sen.

Elävä esimerkki

Mermaid-koodi

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

Elävä esimerkki

Milloin käyttää

Dokumentoi liiketoimintaprosesseja ja hyväksyntätyönkulkuja

Suunnittele algoritmeja ja virheenkäsittelylogiikkaa ennen koodausta

Selitä vianetsintää ja päätöspuita tukitiimeille

Perussyntaksi

.mmd

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

Kysymyksiä tästä kaaviosta

Milloin kannattaa käyttää vuokaaviota sekvenssikaavion sijaan?

Käytä vuokaaviota yhden prosessin logiikkaan (vaiheet ja päätökset). Käytä sekvenssikaaviota, kun useat toimijat tai järjestelmät vaihtavat viestejä ajan kuluessa.

Voiko tekoäly generoida vuokaavion tekstikuvauksesta?

Kyllä — kuvaile prosessi tavallisella kielellä (”käyttäjä rekisteröityy, vahvistaa sähköpostinsa, sitten…”) ja Mermaid Studio generoi valmiin vuokaavion, joka on heti muokattavissa.

Tutustu muihin kaaviotyyppeihin

💬 Sekvenssikaavio 🧩 Luokkakaavio 🗄️ ER-kaavio 🔄 Tilakaavio 📅 Gantt-kaavio 🥧 Piirakkakaavio 🧠 Miellekartta 🌿 Git-graafi 🕰️ Aikajana 🚶 Käyttäjäpolku 🎯 Nelikenttäkaavio

Luo oma Vuokaavio nyt

Kuvaile se tavallisella kielellä — tekoäly kirjoittaa Mermaid-koodin puolestasi.

Avaa Mermaid Studio