Library: Mermaid

Observable Framework documentation: Library: Mermaid Source: https://observablehq.com/framework/lib-mermaid

Mermaid is a language for expressing node-link diagrams, flowcharts, sequence diagrams, and many other types of visualizations. (See also DOT.) Observable provides a mermaid tagged template literal for convenience. This is available by default in Markdown, or you can import it like so:

import mermaid from "npm:@observablehq/mermaid";

To use in a JavaScript code block:

mermaid`graph TD;
    A-->B;
    A-->C;
    B-->D;