Mermaid Renderer
Kreeg je Mermaid-code van een AI-assistent of uit een README, en wil je zien wat er staat? Plak de code hiernaast en het diagram verschijnt meteen. Alles gebeurt in je browser — je code gaat niet naar onze server.
Waar je dit voor gebruikt
flowchart TD — stroomschema van boven naar benedensequenceDiagram — interactie tussen systemen in de tijderDiagram — tabellen en hun relatiesgantt — planning met mijlpalenstateDiagram-v2 — toestanden en overgangenmindmap — losse ideeën ordenen
Wat anderen van deze tool vinden
Nog geen beoordelingen voor deze tool. Die van jou is de eerste.
Werk je met Westcube?
Laat ook een review achter op GoogleVeelgestelde vragen
Wordt mijn diagram opgeslagen?
Nee. Het renderen gebeurt volledig in je browser. Pas als je zelf op 'Deel met preview' klikt, slaan we de code op om een deelbare link te kunnen maken — en dat vertellen we op dat moment expliciet.
Waarom zie ik een foutmelding in plaats van een diagram?
Mermaid is streng op syntax. We tonen de foutmelding met het regelnummer erbij, zodat je ziet waar het misgaat. Veelvoorkomend: een spatie in een node-naam zonder blokhaken, of een verkeerd pijltype voor dat diagramtype.
Welke diagramtypes worden ondersteund?
Alles wat Mermaid 11 kent: flowchart, sequence, class, state, ER, gantt, pie, gitGraph, mindmap, timeline, quadrant, sankey en meer.
Kan ik het diagram exporteren?
Ja, als SVG (schaalbaar, geschikt voor documenten en presentaties) of als PNG (direct te plakken in e-mail of chat).
Kan Mermaid-code iets uitvoeren op mijn computer?
Nee. Wij draaien Mermaid in de striktste stand: alles wat in een label staat gaat door een sanitizer, en klik-acties krijgen geen werkende link mee. Scripts, attributen als onerror en javascript:-links worden verwijderd voordat het diagram in beeld komt. We hebben dat met een testdiagram gecontroleerd.