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: