Mermaid uređivač dijagrama — besplatno
Pišite dijagrame toka, sekvencijalne dijagrame, Ganttove grafikone i više u Mermaid sintaksi s živim pregledom. Izvezite kao SVG ili PNG. Radi u potpunosti u vašem pregledniku.
Povucite ili skrolajte za pomicanje. Uštipnite ili Ctrl + skrolanje za zumiranje. Povucite donji rub da pregled bude viši.
💡 Pišite dijagrame u Mermaid sintaksi — dijagrame toka, sekvencijske dijagrame, gantograme, dijagrame klasa i još mnogo toga — i izvezite ih kao SVG ili PNG. Sve se izvodi u vašem pregledniku: tekst dijagrama nikad se ne šalje na internet, a Mermaid mehanizam za iscrtavanje poslužuje se s ove stranice, a ne s vanjskog CDN-a.
Uobičajene namjene
- Kreiraj dijagram tokaKreiraj dijagram toka iz teksta i izvezi ga kao sliku.
- Nacrtaj dijagram redoslijedaDijagrama kako sistemi ili ljudi komuniciraju tijekom vremena.
- Dodaj dijagram u READMEKreiraj dijagrame koje GitHub nativno prikazuje u tvojem README-u.
- Kreiraj Gantt dijagramPostavi vremensku liniju projekta kao Gantt dijagram iz teksta.
- Kreiraj dijagram klaseDijagramiraj klase i njihove veze za dizajn softvera.
Kako funkcionira
Mermaid vam omogućava pisanje diagrami kao tekst i ima ih automatski prikazivati — dobro za zadržavanje dijagrami u verzionisanom kontroli. Ovo je živu editor koji prikazuje tijekom pisanja.
- 1Engine za Mermaid učitavaBiblioteka Mermaid učitava se s LibraToola kada prvi put koristite alat, a zatim je preglednik sprema u predmemoriju.
- 2Tipkate kod dijagramaRedoslijedi, redoslijedi slijeda, Gantt karti, razred dijagrama, pie karti i više — koristeći Mermaid-sku tekstualni sintaksu.
- 3Prikazuje se živoKod se rastavlja i prikazuje u SVG u vašem pregledniku tijekom pisanja, s lagane i tamnih teme.
- 4Izvezite SVG ili PNGPreuzmi dijagram kao skalabilan SVG ili 2× PNG za ispuštanje u dokove, slajdove ili README.
Kod vašeg dijagrama — koji može opisati interne sustave — prikazuje se isključivo u vašem pregledniku i nikada nije učitao.
Srodni alati
Markdown uređivač
Pišite i pregledajte Markdown u stvarnom vremenu. Podržava naslove, podebljano, kurziv, blokove koda, tablice i popise.
CSS Grid generator
Vizualno kreirajte CSS grid — tragove, jedinice i razmake — i kopirajte generirani CSS i HTML.
Generator ASCII stabla
Pretvorite uvučeni popis u čisto stablo mapa (├── └──) za README i dokumentaciju. Unicode ili obični ASCII izlaz. Radi u potpunosti u vašem pregledniku.