Skip to content

This plugin provides a utility method that converts Mermaid syntax into a scene graph for the canvas:

ts
import { parseMermaidToSerializedNodes } from '@infinite-canvas-tutorial/mermaid';

const nodes = await parseMermaidToSerializedNodes(
    'flowchart LR\n start-->stop',
);
api.runAtNextTick(() => {
    api.updateNodes(nodes);
});

Currently only supports simple flowchart

It can also be easily converted into a hand-drawn style:

Released under the MIT License.