Editur tad-Dijagrammi Mermaid b'xejn
Ikteb flowcharts, dijagrammi tas-sekwenzi, charts Gantt, u aktar bis-sintassi Mermaid b'preview ħaj. Esporta bħala SVG jew PNG. Jopera kompletament fil-browser tiegħek.
Kaxkar jew iscrollja biex tiċċaqlaq. Agħfas b'żewġ swaba' (pinch), jew Ctrl + scroll, biex tkabbar. Kaxkar it-tarf t'isfel biex tagħmel il-preview itwal.
💡 Ikteb dijagrammi bis-sintassi ta' Mermaid — flowcharts, dijagrammi ta' sekwenza, charts Gantt, dijagrammi tal-klassijiet u aktar — u esporta bħala SVG jew PNG. Kollox jaħdem fil-browser tiegħek: it-test tad-dijagramma tiegħek qatt ma jittella', u l-magna tar-rendering ta' Mermaid tiġi minn dan is-sit u mhux minn CDN ta' parti terza.
Użi komuni
- Oħloq FlowchartOħloq flowchart minn test u esportah bħala image.
- Gabaż Diagram ta' SekwenzaDijagramma kif is-sistemi jew in-nies jinteraġixxu fuq il-ħin.
- Żid Dijagramma għal READMEOħloq dijagrammi li GitHub irender b'mod nattiv fil-README tiegħek.
- Bina Gantt ChartWaħħal timeline tal-proġett bħala chart Gantt minn test.
- Oħloq Class DiagramDijagramma klassijiet u r-relazzjonijiet tagħhom għad-disinj tas-software.
Kif Taħdem
Mermaid iħallik tikteb dijagrammi bħala test u jirrendjahom awtomatikament — ideali biex iżżomm id-dijagrammi fil-version control. Dan huwa editur ħaj li jirrendja hekk kif tikteb.
- 1Il-magna Mermaid titgħabbaIl-librerija Mermaid titgħabba minn LibraTool l-ewwel darba li tuża l-għodda, imbagħad il-browser iżżommha fil-cache.
- 2Inti tikteb kodiċi ta' dijagrammaFlowcharts, dijagrammi ta' sekwenza, charts Gantt, dijagrammi tal-klassijiet, charts tat-torta u aktar — bl-użu tas-sintassi tat-test ta' Mermaid.
- 3Jirrendja ħajIl-kodiċi tiegħek jiġi analizzat u rrendjat f'SVG fil-browser tiegħek hekk kif tikteb, b'temi ċari u skuri.
- 4Esporta SVG jew PNGNiżżel id-dijagramma bħala SVG skalabbli jew PNG 2× biex iddaħħlu f'dokumenti, slides, jew README.
Il-kodiċi tad-dijagramma tiegħek — li jista' jiddeskrivi sistemi interni — jiġi rrendjat kompletament fil-browser tiegħek u qatt ma jittella'.
Għodod Relatati
Editur Markdown
Ikteb u ara preview tal-Markdown f'ħin reali. Jappoġġja intestaturi, tipa iebsa, korsiva, blokki ta' kodiċi, tabelli, u listi.
Ġeneratur tas-CSS Grid
Iddisinja CSS grid viżwalment — tracks, units u gaps — u kopja l-CSS u HTML ġenerati.
Ġeneratur ta' Siġra ASCII
Ibdel lista b'indentatura f'siġra ta' kartella nadifa (├── └──) għal READMEs u dokumenti. Output Unicode jew ASCII pjan. Jopera kompletament fil-browser tiegħek.