Ga naar inhoud
100% lokaal

Mermaid diagram generator

Zet een ingesproken lijst om in Mermaid flowchart, hiërarchiediagram of mindmap.

Invoer
Uitvoer

Mermaid diagram generator

Plak een ingesproken of bulletlijst in en dit hulpmiddel zet het rechtstreeks om in Mermaid diagramsyntax, klaar om in een README, wikipagina, Notion of een willekeurige editor met Mermaid-ondersteuning in te voegen. Elk inspringingsniveau wordt een ouder-kindrelatie, dus een procesoverzicht, organisatieschema of mappenstructuur wordt een diagramdefinitie zonder zelf de knoop- en rantsyntax te hoeven schrijven.

Kies eerst het diagramtype: flowchart en hiërarchiediagram gebruiken beide de knoop-en-pijl-syntaxis van Mermaid (het enige verschil is het trefwoord dat de definitie opent), terwijl mindmap de geneste, pijlvrije lay-out produceert die Mermaid voor radiale mindmaps gebruikt. Richting (van boven naar beneden, van links naar rechts, van beneden naar boven, van rechts naar links) en verbindingsstijl (pijl, gestippeld, dik) gelden voor flowchart en hiërarchiediagram. Knoopvorm bepaalt of elk item als rechthoek, afgeronde box, diamant of cilinder wordt weergegeven. Schakel automatisch gegenereerde ID's uit om de identificatie van elke knoop af te leiden van de eigen tekst in plaats van een generieke n1, n2, n3-reeks — handig wanneer u de onbewerkte syntaxis even gemakkelijk wilt lezen als de gerenderde afbeelding. Knoopnummering voegt aan elk label zijn positie in de lijst toe, en maximale nestelingsdiepte laat u begrenzen hoeveel inspringingsniveaus worden opgenomen, alles dieper verwijderend.

Inspringing kan tabs, spaties of een voorteken (-, *, •, +) gebruiken — het hulpmiddel meet relatieve inspringingsbreedte in plaats van een vaste tabstopgrootte aan te nemen, dus gemengde lijsten worden nog steeds correct genest. Aanhalingstekens, haakjes, accolades en andere tekens die Mermaid-syntaxis zou onderbreken, worden automatisch ontsnapt in labels, dus geplakte tekst produceert nooit ongeldige uitvoer. Windows (CRLF) en Unix (LF) regeleindes worden op dezelfde manier behandeld, en het live totaal onder de uitvoer rapporteert regels in, knopen en randen geproduceerd, en totale tekens.

Alles wordt lokaal in uw browser uitgevoerd — uw schema wordt nergens geüpload. Kopieer de gegenereerde syntaxis, download deze als .txt-bestand, of stuur de uitvoer terug naar de invoer om de structuur verder aan te scherpen voordat u deze in uw diagramgereedschap plakt.

FAQ

Wat is het verschil tussen "flowchart" en "hiërarchiediagram"?
Beide gebruiken dezelfde knoop-en-pijl-syntaxis; hiërarchiediagram opent de definitie gewoon met Meraids oudere "graph" trefwoord in plaats van "flowchart". Beide renderen identiek in elke Mermaid-compatibele viewer.
Ondersteunt de mindmap-optie richting of verbindingsstijl?
Nee. Mermaid-mindmaps worden automatisch ingedeeld en hebben geen pijlen, dus deze twee opties zijn alleen van invloed op de uitvoer van flowchart en hiërarchiediagram.
Wat gebeurt er met lijstitems die dieper genest zijn dan de maximale diepte?
Ze worden volledig uit het diagram gelaten, samen met alles wat eronder genest is, zodat het resultaat voor zeer diepe schetsen leesbaar blijft.
Hoe worden speciale tekens zoals aanhalingstekens en haakjes behandeld?
Een label dat tekens bevat die de Mermaid-syntaxis zou onderbreken, wordt automatisch tussen aanhalingstekens geplaatst en ontsnapt, dus de uitvoer blijft altijd geldig.
Wordt mijn lijst ergens geüpload?
Nee. De conversie van lijst naar diagram vindt volledig in uw browser plaats — uw schema verlaat uw apparaat nooit.