force-graph
Force-directed graph rendered on HTML5 canvas observed · 2026-08-28
Health v2 · maintenance only
67/100
- Activity 77
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3110
- days_rel: n/a
- days_push: 139
- n_releases_24m: 0
Adoption not part of the score
2108 stars · 284 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A suite of React components for rendering force-directed graph visualizations in 2D (HTML Canvas), 3D (ThreeJS/WebGL), VR (A-Frame), and AR (AR.js). It uses d3-force-3d for physics simulation and supports zooming, panning, node dragging, and hover/click interactions.
Use cases
- visualize network graphs in react
- render large force-directed graphs in 3d
- display interactive node-link diagrams on canvas
- show graph data in vr or ar
- visualize dependency or knowledge graphs in a web app
When to choose
- you need interactive 2D or 3D graph visualizations in a React app
- you want VR/AR graph rendering with the same API
- you need to render large graphs performantly with canvas/WebGL
When to avoid
- you need static charts rather than interactive force-directed graphs
- you're not using React (use the underlying force-graph libraries directly)
- you need simple line/bar charts better served by a charting library
Facets
library · maturity active
data-visualization graphics ui-components data-visualization frontend web-development graphics browser react force-directed-graph webgl canvas d3-force 3d vr ar graph-visualization network-graph nodejs web-server
2 sources
- readme: https://github.com/vasturiano/force-graph · fetched 2026-08-28 · b6c1e455044f
- homepage: https://vasturiano.github.io/force-graph/example/directional-links-particles/ · fetched 2026-08-29 · 44136fa355b3
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| vasturiano/force-graph | main | 67 |
| vasturiano/react-force-graph | sdk | 62 |
For agents
markdown · JSON · MCP: product_card(name="vasturiano/force-graph")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem