# force-graph

> Force-directed graph component rendered on HTML5 canvas.

- Category: [JavaScript graph & network visualization libraries](https://awesomedataviz.com/categories/javascript-graph-visualization/)
- Website: https://vasturiano.github.io/force-graph/example/directional-links-particles/
- Repository: https://github.com/vasturiano/force-graph
- License: MIT
- Language: JavaScript
- Status: Active (commits in the last 90 days)
- GitHub stars: 2,136
- Commits in the last 12 months: 20
- Contributors: 20
- Last commit: Sep 28, 2026
- Install (npm): `npm install force-graph`, 1.1M downloads per week
- Topics: Graph & network visualization

## Overview

force-graph is an open-source JavaScript graph visualization library released under the MIT license. Its GitHub repository has 2,136 stars, 285 forks, and 20 contributors. It is actively developed with 20 commits in the last 12 months. On npm it is downloaded about 1.1M times per week.

## Alternatives

- [xyflow](https://awesomedataviz.com/tools/xyflow/): React Flow and Svelte Flow: libraries for building node-based editors, flow charts and interactive diagrams. (38.6K stars)
- [G6](https://awesomedataviz.com/tools/g6/): Graph visualization library powered by Javascript & Typescript, maintained by Alibaba (12.3K stars)
- [Sigma.js](https://awesomedataviz.com/tools/sigma-js/): JavaScript library dedicated to graph drawing. (12.2K stars)
- [Cytoscape.js](https://awesomedataviz.com/tools/cytoscape-js/): JavaScript library for graph drawing maintained by Cytoscape core developers. (11.2K stars)
- [Vue Flow](https://awesomedataviz.com/tools/vue-flow/): Flowchart and node-based graph component for Vue 3. (6.9K stars)
- [X6](https://awesomedataviz.com/tools/x6/): Diagramming library for DAGs, ER diagrams, flowcharts and other graph editors, maintained by Alibaba. (6.7K stars)

Source: https://awesomedataviz.com/tools/force-graph/ · Data updated 2026-10-05 · Content: CC BY 4.0, Awesome Dataviz (https://awesomedataviz.com).