# force-graph

Force-directed graph rendered on HTML5 canvas

Repository: https://github.com/vasturiano/force-graph
Canonical: https://ross.abutalabs.com/products/force-graph
Homepage: https://vasturiano.github.io/force-graph/example/directional-links-particles/
Language: JavaScript
License: MIT
License Family: permissive
Topics: force-directed-graph, canvas, d3js, force, simulation
Last push: 2026-04-16T22:42:17+00:00
Link (homepage): https://vasturiano.github.io/force-graph/example/directional-links-particles/

## Health v2 (maintenance only)
Score: 67/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 77, release rhythm 35, longevity 100
- inputs: {"age_days": 3110, "days_push": 139, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2108, forks 284 (observed 2026-08-28T04:06:14.047038+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: data-visualization, graphics, ui-components
- domain: data-visualization, frontend, web-development, graphics
- platform: browser
- tags: react, force-directed-graph, webgl, canvas, d3-force, 3d, vr, ar, graph-visualization, network-graph, nodejs, web-server

## Member repositories
- vasturiano/force-graph (main) score 67
- vasturiano/react-force-graph (sdk) score 62

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:14.047038+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:22:55.019248+00:00, confidence not recorded.
  - readme: https://github.com/vasturiano/force-graph (fetched 2026-08-28T04:06:14.047038+00:00, sha b6c1e455044f)
  - homepage: https://vasturiano.github.io/force-graph/example/directional-links-particles/ (fetched 2026-08-29T09:36:05.436893+00:00, sha 44136fa355b3)
- Data as of 2026-08-30T08:39:29.467469+00:00.