Awesome list of @antv/x6

Note

带有「🇨🇳」的てき项目为中文ぶん资源，或ある包含ほうがん中ちゅう文ぶん文ぶん档。

Items with “🇨🇳” are either in Chinese, or contain Chinese documentation.

• About
• Learn
  • Official docs
• Frameworks
  • React Component
  • Vue Component
  • Angular Component
  • Svelte Component
  • HTML shape
  • Devtool

X6 JavaScript Diagramming Library X6 is AntV's diagram editing engine, which provides a series of easy-to-use interactive components and node customization capabilities to facilitate the rapid construction of DAG diagrams, ER diagrams, flowcharts and other applications

X6 是ぜ基もと于 HTML 和わ SVG 的てき图编辑引擎，提供ていきょう低てい成本なりもと的てき定じょう制せい能力のうりょく和わ开箱即そく用よう的てき内ない置おけ扩展，方便ほうべん我わが们快速そく搭建 DAG 图、ER 图、流りゅう程ほど图、血ち缘图等とう应用。

• 🇨🇳 教程きょうてい
• 🇨🇳 API
• 示しめせ例れい
• 博ひろし客きゃく
• 更新こうしん日び志こころざし
• 常つね见问题
• CodeSanbox 模も板ばん
• 1.x
• 🇨🇳 1.x

• ANTV X6 JavaScript Diagramming Library: Lets build a workflow editor (Drag and Drop Nodes)

• 🇨🇳 xflow - Professional graph editing application-level solution
• 🇨🇳 @ant-design/flowchart - Flowchart solutions, based on XFlow.
• 🇨🇳 imove - iMove 是ぜ一个逻辑可复用的，面めん向こう函数かんすう的てき，流りゅう程ほど可か视化的てき JavaScript 工具こうぐ库
• 🇨🇳 react-x6 - Using custom react-reconciler to render x6 object in react.
• 🇨🇳 x6-graph/react - using context to wrap x6 graph as react component.
• 🇨🇳 x6-hooks/react - provide react hook useGraphState to manager state for @antv/x6
• 🇨🇳 antv-x6-react - the react toolkit for graph analysis based on x6

• 🇨🇳 zsflow-editor - vue3+AntV X6 2.0版本はんぽん 完成かんせい的てき流りゅう程ほど设计器き。内うち控ひかえ业务属性ぞくせい的てき系けい统流程ほど审批使用しよう.
• 🇨🇳 vue-x6 @lloydzhou - Using custom-renderer to render x6 object in vue.
• 🇨🇳 x6-graph/vue - using provide/inject api to wrap x6 graph as vue component.
• 🇨🇳 x6-hooks/vue - provide vue hook useGraphState to manager state for @antv/x6
• 🇨🇳 antv-x6-vue - the vue toolkit for graph analysis based on x6
• 🇨🇳 antv-x6-vue2 @g0ngjie - @antv/x6 基き于 vue2 + composition-api 的てき图形化か编辑器き
• 🇨🇳 vue-x6-flow @MyButifullyLife - vue版ばん流りゅう程ほど图简易えき编辑器き、简单易やす上手じょうず
• 🇨🇳 vue-x6-flow @xw-an - 基もと于vue2.x+antdesign+antv x6实现的てき流りゅう程ほど图编辑器
• 🇨🇳 vue-x6-flow @lxl19920401 - 基もと于vue2.x+antdesign+antv x6实现的てき流りゅう程ほど图编辑器
• 🇨🇳 vue-x6-editor - 基もと于@antv/x6以及plain-ui-composition封ふう装そう的てきVue3.0可か视化流りゅう程ほど编辑组件
• 🇨🇳 x6-flow - flowchart base on X6 and Vue
• 🇨🇳 vue-x6 @AK081KA - x6的てきvue实践

• 🇨🇳 ngx-x6-demo @Eve-Sama - Demos of antv-x6 in angular

• 🇨🇳 antv-x6-svelte - antv x6 svelte as web component
• 🇨🇳 x6-svelte-shape - antv x6 svelte shape

• 🇨🇳 x6-html-shape - 非ひ官かん方かた版ばん自じ定てい义组件けん：可か选择不ふ依よ赖foreignObject挂载自じ定てい义组件けん，支持しじreact18/react17/react-portal/vue2/vue3/vue-teleport/svelte等とう7种方式しき自じ定てい义节点てん

• 🇨🇳 x6-devtool - A devtool for @antv/x6 in chrome