X6 is a JavaScript diagramming library and SVG graph rendering engine used to build interactive flowcharts, mind maps, and visual workflow editors. It provides a framework for defining customizable node and edge behaviors, utilizing a hybrid rendering approach that combines SVG and HTML.
The library decouples the visual graph representation from underlying business logic and data structures through a dedicated state management system. It allows for extensive extensibility via a registration mechanism for custom nodes, edges, and canvas tools.
The toolkit includes capabilities for automatic graph layouts, edge routing algorithms, and element animation. It supports large-scale graph rendering through virtual scrolling and asynchronous drawing, alongside editing tools such as lasso selection, alignment guides, and minimaps.
The framework supports server-side graph generation to improve initial page load times and browser compatibility.