antvis/X6

Health v2 · maintenance only

Adoption not part of the score

6685 stars · 1894 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

X6 is a JavaScript/TypeScript diagramming and graph editing engine that renders nodes and edges using SVG and HTML. It provides customizable nodes (including React/Vue/Angular integration) and built-in extensions like selection, snapping, minimap, and undo/redo for building interactive graph editing applications.

Use cases

• build a flowchart editor in the browser
• create a DAG pipeline visualization with draggable nodes
• render ER diagrams from database schemas
• build a node-based workflow orchestration UI
• draw UML diagrams interactively on the web
• visualize data lineage graphs
• embed an interactive graph editor in a React or Vue app

When to choose

• you need an interactive graph/diagram editor with draggable, connectable nodes
• you want out-of-the-box editing features like minimap, selection, snapping, and keyboard shortcuts
• you need custom node rendering with SVG, HTML, React, Vue, or Angular
• you are building flowchart, DAG, ER, or lineage graph applications

When to avoid

• you only need static chart plotting (bar, line, pie) rather than node-edge diagrams
• you need server-side rendering of diagrams without a browser DOM
• you want a fully managed diagram-as-code tool rather than an interactive editing engine
• your project requires a non-JavaScript environment

Facets

library · maturity active

graphics ui-components data-visualization plugin-system web-development frontend data-visualization developer-tools browser cross-platform diagramming graph-editor svg flowchart dag er-diagram uml antv node-based-editor workflow-editor nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="antvis/X6")