Mermaid Diagramming and charting tool JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

Landing page for the book The Official Guide to Mermaid.js: Create complex diagrams and beautiful flowcharts easily using text and code

Mermaid is a JavaScript tool that makes use of a Markdown based syntax to render customizable diagrams, charts and visualizations. Diagrams can be re-rendered/modified by modifying their …

Mermaid introduces 30 new shapes to enhance the flexibility and precision of flowchart creation. These new shapes provide more options to represent processes, decisions, events, data …

Interfaces DetailedError ExternalDiagramDefinition LayoutData LayoutLoaderDefinition Mermaid MermaidConfig ParseOptions ParseResult RenderOptions RenderResult RunOptions …

Mermaid allows you to set unique colors for up-to 12 sections, where cScale0 variable will drive the value of the first section or time-period, cScale1 will drive the value of the second section …

Create diagrams and visualizations using text and code.

Theming Mermaid supports themes and has an integrated theming engine. You can read more about how the themes can be used in the docs. When adding themes to a diagram it comes …

Create diagrams and visualizations using text and code.

Create diagrams and visualizations using text and code.