Pređi na glavni sadržaj
LibraTool logoLibraTool

Mermaid editor dijagrama — besplatno

Pišite dijagrame toka, sekvencijalne dijagrame, Gantt grafikone i još mnogo toga u Mermaid sintaksi sa pregledom uživo. Izvezite kao SVG ili PNG. Radi isključivo u vašem pregledaču.

💡 Pišite dijagrame u Mermaid sintaksi — dijagrame toka, sekvencijalne dijagrame, gantograme, dijagrame klasa i još mnogo toga — pa ih izvezite kao SVG ili PNG. Sve radi u vašem pregledaču: tekst dijagrama se nikada ne otprema, a Mermaid mehanizam za iscrtavanje poslužuje se sa ovog sajta, a ne sa CDN-a treće strane.

Uobičajene upotrebe

  • Napravi dijagram tokaKreiraj dijagram toka iz teksta i izvezi ga kao sliku.
  • Nacrtaj dijagram redosledaDijagramiraj kako sistemi ili ljudi komuniciraju tokom vremena.
  • Dodaj dijagram u READMEKreiraj dijagrame koje GitHub nativno prikazuje u tvojem README-u.
  • Napravi Gantt dijagramPostavi vremensku liniju projekta kao Gantt dijagram iz teksta.
  • Kreiraj dijagram klaseDijagramiraj klase i njihove veze za dizajn softvera.

Kako funkcioniše

Mermaid vam omogućava da dijagrame pišete kao tekst i da se oni automatski iscrtavaju — odlično za čuvanje dijagrama u kontroli verzija. Ovo je editor uživo koji iscrtava dok kucate.

  1. 1
    Mermaid endžin se učitava
    Biblioteka Mermaid učitava se sa LibraTool-a kada prvi put koristite alat, a zatim je pregledač kešira.
  2. 2
    Pišete kod dijagrama
    Dijagrami toka, sekvencijalni dijagrami, Gantovi dijagrami, dijagrami klasa, kružni grafikoni i još mnogo toga — pomoću Mermaid tekstualne sintakse.
  3. 3
    Iscrtava se uživo
    Vaš kod se analizira i iscrtava u SVG u vašem pregledaču dok kucate, sa svetlim i tamnim temama.
  4. 4
    Izvoz SVG ili PNG
    Preuzmite dijagram kao skalabilan SVG ili 2× PNG i ubacite ga u dokumente, slajdove ili README.

Kod vašeg dijagrama — koji može opisivati interne sisteme — iscrtava se u potpunosti u vašem pregledaču i nikada se ne otprema.

Slične alatke

📝

Markdown editor

Pišite i pregledajte Markdown u realnom vremenu. Podržava naslove, podebljani tekst, kurziv, blokove koda, tabele i liste.

Isprobajte
🟦

CSS Grid generator

Vizuelno dizajnirajte CSS mrežu — trake, jedinice i razmake — i kopirajte generisani CSS i HTML.

Isprobajte
🌳

Generator ASCII stabla

Pretvorite uvučenu listu u čisto stablo fascikli (├── └──) za README fajlove i dokumentaciju. Unicode ili plain-ASCII izlaz. Radi isključivo u vašem pregledaču.

Isprobajte

Česta pitanja