场景案例

16 个示例

使用场景

16 个示例

智能体流程编排

流程图

人工智能建模 DAG 图

数据加工 DAG 图

ER 图

思维导图

BPMN

ELK

组织架构图

组织架构图（自动布局）

UML 类图

展开/折叠树

多节点虚拟渲染

框选批量拖拽多节点

简单时间轴

复杂时间轴

节点

40 个示例

内置节点

8 个示例

Rectangle

Ellipse

Circle

Path

Polygon

Polyline

Image

文本

自定义节点

5 个示例

使用 SVG 自定义节点

Cylinder

使用 SVG 自定义图标

使用 React 自定节点

自定义开关节点

连接桩

16 个示例

默认连接桩

使用 Group 定义连接桩样式

添加或移除连接桩

连接到连接桩

使用 React 渲染连接桩

连接桩标签

绝对定位的连接桩

沿矩形边框均匀分布的连接桩

沿任意直线均匀分布的连接桩

沿椭圆均匀分布的连接桩

沿椭圆分布的连接桩

沿圆弧自动旋转的连接桩

自定义连接桩位置

位于连接桩一侧的标签

位于节点内部或外部的标签

位于椭圆外围的标签

群组

6 个示例

嵌套节点

自动更新边的父节点

拖入/拖出父节点

限制子节点的移动范围

自动扩展/收缩父节点

折叠/展开父节点

节点工具

5 个示例

自定义按钮

删除按钮

包围框

文本编辑

连接桩 ToolTip

边

39 个示例

样式

5 个示例

默认边

渐变背景色

交错背景色

沿边长度方向上的图形

自定义点击事件

箭头

5 个示例

内置箭头

使用 path 自定义箭头

使用图形元素自定义箭头

使用 image 自定义箭头

自定义复杂箭头

标签

5 个示例

使用 SVG 渲染 Label

使用 HTML 渲染 Label

使用 React 渲染 Label

渲染多个 Label

沿路径的 Label

路由

9 个示例

默认路由

拐线

正交线

关系路由

关系路由

智能路由

智能地铁路由

单侧路由

自定义随机路由

连线

7 个示例

默认连线

圆角连线

平滑连线（三次贝塞尔曲线）

跳线

二次贝塞尔曲线

随机摇摆线

多条光滑曲线

辅助工具

8 个示例

调整顶点

调整线段

自定义按钮

删除按钮

调整箭头

包围框

右键菜单

Tooltip

动画

11 个示例

动画使用

8 个示例

基本使用

组合动画

控制动画播放

边动画

自定义属性动画

呼吸效果

涟漪效果

CSS动画

动画案例

3 个示例

OSCP 活动

炫酷散射动画

路线规划图

布局

7 个示例

一般布局

6 个示例

网格布局

环形布局

Dagre

椭圆布局

同心圆布局

力导向布局

树布局

1 个示例

脑图树