Diagram.RS

流程图制作工具

通过简单的文本描述节点和箭头来绘制流程图。Diagram.RS 使用 Mermaid 流程图语法,输入即可实时渲染——非常适合记录流程、算法和决策逻辑。

图表代码
预览
Theme
Default
试试示例

如何在线制作流程图

  1. 代码以 graph TD(自上而下)或 graph LR(从左到右)开头,设定流程方向。
  2. 用标签定义节点,例如 A[开始],再用箭头连接节点,例如 A --> B。
  3. 用花括号添加判断分支,并为箭头加标签,例如 B{是否正常?} -->|是| C。
  4. 完成后将流程图导出为 SVG 或 PNG。

流程图常见问题

如何免费在线制作流程图?
使用 Mermaid 流程图语法(例如 graph TD,然后用 A --> B 这样的箭头连接节点),预览面板会实时更新。完成后可以导出为 SVG 或 PNG。
流程图中的 TD 和 LR 是什么意思?
它们表示流程图的方向:TD(top-down)表示从上到下绘制,LR(left-right)表示从左到右绘制。
可以添加判断节点(是/否分支)吗?
可以。使用花括号表示判断节点,例如 B{是否正常?},然后为每条箭头添加标签,例如 B -->|是| C 和 B -->|否| D。

更多图表工具