人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》
X6 ：让你的流程图、DAG、ER图开发像搭积木一样高效有趣！
如果你是一名开发者、产品经理，或者数据分析师，是否曾为“如何快速搭建一个好用、美观、可定制的流程图/DAG/ER图编辑器”而头疼？AntV X6，就是为了解决你的痛点而生的专业图编辑引擎！
X6是什么？
X6 是 AntV 旗下的图编辑引擎，专为流程图、DAG 图、ER 图等各类图应用打造。
它提供了简单易用的节点定制能力和丰富的交互组件，让你像搭积木一样快速实现强大、个性化的图应用，无论你是用 SVG、HTML、React、Vue 还是 Angular，都能轻松上手定制。
官网直达：https://x6.antv.antgroup.com
四大核心特性，让图编辑开发变得“丝滑”！
🌱 极易定制
- 支持 SVG/HTML/React/Vue/Angular 各种主流技术栈，无论你喜欢哪种方式，都能打造出炫酷的节点样式和交互效果。
- 节点、边都能灵活自定义，满足各种业务场景。
🚀 开箱即用
- 内置 10+ 图编辑配套扩展：如框选、对齐线、小地图、快捷键、菜单栏等，常用功能一应俱全，省去重复造轮子的烦恼。
- 丰富的组件库，助你快速搭建完整的可视化图应用。
🧲 数据驱动
- 基于 MVC 架构，数据与视图分离，让你聚焦业务和数据逻辑，代码更简洁可维护。
- 无论数据多复杂，X6 都能高效渲染和管理。
💯 事件驱动
- 完善的事件系统，可以监听和响应图表中的任何操作事件（点击、拖拽、连接、右键菜单等），轻松实现各种高级交互。
兼容性与技术活力
- 支持现代浏览器，适配各种主流前端开发场景。
- 服务端渲染友好，可以与 SSR 框架无缝集成。
- 开源活跃，社区共建，PRs Welcome，欢迎开发者贡献力量！
适用场景举例
- 低代码/无代码平台：快速实现流程设计器、业务审批流、自动化任务编排等核心模块。
- 数据可视化：复杂数据流、依赖关系、网络拓扑、知识图谱等一网打尽。
- 开发者工具：如 UML 画板、ER 数据建模、逻辑图编辑等。
- 教育与演示：用图形化方式表达各种算法、业务流程，互动性强，表达力爆表！
为什么选择 X6？
- 省时省力：十几个常用图编辑功能直接开箱即用，极大缩短开发周期。
- 高度可定制：节点、边、交互、主题、动画，任你DIY。
- 生态完善：AntV 家族出品，与 G2、G6 等可视化库无缝整合。
- 文档丰富，社区活跃：新手入门、高手进阶都能找到适合自己的资料。
快速上手（示意）
-
安装依赖
1
npm install @antv/x6 -
初始化画布和节点，几行代码就能创建一个专属流程图。
-
按需引入交互扩展和自定义节点，打造属于你的专属图应用！
详细教程和示例代码请访问 官方文档
结语
X6 让图编辑开发变得如此简单与优雅，不管你是企业级应用还是个人项目，都能高效实现流程可视化和交互体验的飞跃。赶快试试吧，让你的业务逻辑“看得见，动得了”！
了解更多、探索案例、加入社区，请访问 X6 官网