graph visualization
G6 is a JavaScript/TypeScript graph visualization framework providing drawing, layout, interaction, and analysis for relational data in the browser.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose when you need high-performance WebGL rendering of large graphs and prefer a minimal API over G6's completeness.
A JavaScript library aimed at visualizing graphs of thousands of nodes and edges
Choose when you need built-in graph theory algorithms and a huge ecosystem, with a different API and rendering model.
Graph theory (network) library for visualisation and analysis
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose if you're building a React app and want a simple component-based diagramming library, at the cost of less out-of-the-box layout/analysis.
a super simple, no-nonsense diagramming library written in react that just works
Choose for Vue 3 apps needing a customizable flowchart editor with built-in pan/zoom/minimap, but it's Vue-only and less general than G6.
A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan 🔎, additional components like a Minimap 🗺 and utilities to interact with state and graph.
Choose for SVG/HTML-based diagramming (flowcharts, ERDs) with a different rendering approach and API than G6.
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Choose for SVG-based diagramming with mature modeling tools, if you prefer SVG over Canvas/WebGL and need a different API.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
Choose for a React-based workflow editor with data-driven nodes, but it's focused on workflows rather than general graph analysis.
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
Choose for Angular applications needing a native node editor, but Angular-only and less feature-rich than G6.
Angular-native node editor library for production workflow builders, AI pipelines, and interactive diagram editors. MIT licensed.
Choose for React apps needing high-scale WebGL graph rendering, but React-only and lacks G6's layout/analysis breadth.
🕸 WebGL Graph Visualizations for React. Maintained by @goodcodeus.
Choose for Rust/egui desktop applications requiring interactive graph visualization, but it's Rust-specific.
Interactive graph visualization widget for rust powered by egui and petgraph
Choose for a commercial diagramming library with strong interactive editing features, but it's closed-source and not a direct G6 drop-in.
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Choose for a zero-dependency sequential workflow designer in web apps, but too narrow for general graph visualization.
Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies. Check out https://nocode-js.com
Choose for a lightweight, dependency-free flowchart editor component, but lacks rich graph layouts/analysis.
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
Choose if working in Julia and need simple static graph plotting, not an interactive browser framework.
Graph visualization for Julia.
Choose for a lighter, simpler graph drawing library in JS if you need just basic rendering/layout and not G6's full feature set.
Graph drawing library for JavaScript
Choose for R/ggplot2 users needing static graph layouts, not interactive browser visualization.
Grammar of Graph Graphics
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
Choose as a desktop application for exploring and analyzing graphs interactively, not embeddable in a web codebase.
Gephi - The Open Graph Viz Platform
These projects were analysed and named G6 among their alternatives. The relationship is not symmetric — how G6 rates them is a separate judgement, made when G6 is analysed in its own right.
calls G6 “Choose for a JS graph visualisation framework with flexible layouts/interactions when Cytoscape's analysis API is not needed.”
Graph theory (network) library for visualisation and analysis
calls G6 “Use it for graph-centric visualizations and interactions when you want a TypeScript framework with a different layout engine.”
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
calls G6 “Choose if you need graph visualization with built-in layouts and interactions rather than flow-specific editing.”
a super simple, no-nonsense diagramming library written in react that just works
calls G6 “Use for data-driven graph visualization with built-in layouts, not for connecting existing DOM elements.”
Visual connectivity for webapps
calls G6 “Choose it when the task is large graph/network visualization and analysis instead of building editable flowchart/ER editors.”
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.