markdowneditor

Markdown 中的图表

无需离开文本即可记录架构、流程和数据。markdowneditor 直接在预览中渲染 Mermaid、Graphviz DOT 和 Vega-Lite 图表。

```mermaid
flowchart LR
  A[Markdown] --> B[Preview]
```

```dot
digraph { a -> b -> c }
```

Mermaid 图表

流程图、时序图、类图、状态图、ER 图、甘特图等均可从围栏代码块渲染。无需绘图工具、无需导出,只需文本。

Graphviz DOT

在围栏代码块中编写 dot、neato、circo、twopi、fdp、osage 或 patchwork 布局,图形就地渲染,由浏览器内 Graphviz WASM 构建驱动。

Vega-Lite 图表

声明式 JSON 规范在与正文相同的文档中生成出版级图表,适合图文混排的报告与文档。

本地渲染

图表引擎在您的浏览器中运行。源文本和渲染结果永远不会离开您的设备,应用安装后一切均可离线工作。