AwesomeDataviz

JavaScript graph & network visualization libraries

Node-link diagrams for networks, dependency graphs and knowledge graphs. 15 tools, ranked by GitHub stars and updated .

Libraries for drawing node-link diagrams: social networks, dependency graphs, knowledge graphs, flowcharts and other relational data. Most pair a renderer with layout algorithms (force-directed, hierarchical, circular) and interactions such as dragging, zooming and selecting nodes.

Graph size decides a lot: Sigma.js renders with WebGL to keep large graphs interactive, Cytoscape.js combines visualization with graph analysis, and diagramming libraries focus on editing and constraint-based layout. For the graph data model and algorithms on their own, see Graphology.

By GitHub stars, the most popular JavaScript graph visualization libraries here are xyflow (38.6K stars), G6 (12.3K stars), and Sigma.js (12.2K stars). 9 of 15 had commits in the last 90 days.
1 xyflow

React Flow and Svelte Flow: libraries for building node-based editors, flow charts and interactive diagrams.

 38.6K 510 MIT
2 G6

Graph visualization library powered by Javascript & Typescript, maintained by Alibaba

 12.3K 44 MIT
3 Sigma.js

JavaScript library dedicated to graph drawing.

 12.2K 6 MIT
4 Cytoscape.js

JavaScript library for graph drawing maintained by Cytoscape core developers.

 11.2K 185 MIT
5 Vue Flow

Flowchart and node-based graph component for Vue 3.

 6.9K 22 MIT
6 X6

Diagramming library for DAGs, ER diagrams, flowcharts and other graph editors, maintained by Alibaba.

 6.7K 116 MIT
7 3d-force-graph

3D force-directed graph component using Three.js/WebGL.

 6.4K 9 MIT
8 dagre

Directed graph layout library for JavaScript.

 5.8K 110 MIT
9 JointJS

SVG-based JavaScript diagramming library for interactive diagrams and graph editors.

 5.4K 151 MPL-2.0
10 VivaGraph

Graph drawing library for JavaScript.

 3.9K 1 BSD-3-Clause
11 elkjs

Eclipse Layout Kernel (ELK) graph layout algorithms for JavaScript.

 2.8K 61 EPL-2.0 OR GPL-3.0-or-later
12 Uber React Digraph Inactive

React.js based directed graph library maintained by UBER.

 2.6K 0 MIT
13 Cola.js

A tool to create diagrams using constraint-based optimization techniques. Works with d3 and svg.js.

 2.1K 3 MIT
14 diagram.js

Javascript diagram library serving as the basis for camunda's online BPMN modeler.

 1.9K 268 MIT
15 Vizdom Inactive

A declarative graph layout and rendering engine for Javascript/Typescript powered by Rust/WebAssembly.

 193 0 Apache-2.0

Head-to-head comparisons

Related topics

Related categories

Frequently asked questions

What is the most popular JavaScript graph visualization library?

By GitHub stars, xyflow is the most popular, with 38.6K stars, followed by G6 (12.3K) and Sigma.js (12.2K).

Which JavaScript graph visualization libraries are actively maintained?

13 of the 15 tools listed had commits in the last 12 months, including xyflow, G6, Sigma.js, Cytoscape.js, and Vue Flow. Each tool page shows monthly commit activity.

Are these JavaScript graph visualization libraries free and open source?

14 of the 15 tools listed use an OSI-approved open-source license; the others are source-available, free to use, or use a custom license, so check each tool page. The most common license here is MIT.

Missing a tool? Add it with a one-line pull request to the README.