CINXE.COM

Online FlowChart & Diagrams Editor - Mermaid Live Editor

<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Online FlowChart &amp; Diagrams Editor - Mermaid Live Editor</title> <meta name="og:image" content="https://github.com/mermaid-js/mermaid/raw/develop/img/header.png" /> <link rel="canonical" href="https://mermaid.live" /> <meta name="description" content="Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript." /> <link rel="icon" type="image/png" href="./favicon.svg" /> <link rel="mask-icon" href="./favicon.svg" color="#000000" /> <meta name="theme-color" content="#6366F1" /> <link rel="manifest" href="./manifest.json" /> <link rel="modulepreload" href="./_app/immutable/entry/start.CmcQhzqG.js"> <link rel="modulepreload" href="./_app/immutable/chunks/entry.Dl3vLCGs.js"> <link rel="modulepreload" href="./_app/immutable/chunks/utils.BCvjygOv.js"> <link rel="modulepreload" href="./_app/immutable/chunks/index.CnXXx2IR.js"> <link rel="modulepreload" href="./_app/immutable/chunks/paths.TDY85OGk.js"> <link rel="modulepreload" href="./_app/immutable/entry/app.0CY4K-ov.js"> <link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.DCjzZeWy.js"> <link rel="modulepreload" href="./_app/immutable/chunks/render.BMrZuwY8.js"> <link rel="modulepreload" href="./_app/immutable/chunks/store.Nan7lcVq.js"> <link rel="modulepreload" href="./_app/immutable/chunks/disclose-version.Bg9kRutz.js"> <link rel="modulepreload" href="./_app/immutable/chunks/props.DX2jsz36.js"> <link rel="modulepreload" href="./_app/immutable/chunks/this.N_qOCn8v.js"> <link rel="modulepreload" href="./_app/immutable/chunks/index-client.f3GdDfgr.js"> </head> <body style="overflow: hidden"> <div id="svelte"> <script> { __sveltekit_h6fnrr = { base: new URL(".", location).pathname.slice(0, -1) }; const element = document.currentScript.parentElement; Promise.all([ import("./_app/immutable/entry/start.CmcQhzqG.js"), import("./_app/immutable/entry/app.0CY4K-ov.js") ]).then(([kit, app]) => { kit.start(app, element); }); } </script> </div> </body> </html>