# reaviz/reagraph

🕸 WebGL Graph Visualizations for React. Maintained by @goodcodeus.

Repository: https://github.com/reaviz/reagraph
Canonical: https://ross.abutalabs.com/products/reagraph
Homepage: https://reagraph.dev
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: react, webgl, graph, javascript, network-graph, graph-drawing, graph-visualization, knowledge-graph, network-visualization
Last push: 2026-06-25T13:37:21+00:00

## Health v2 (maintenance only)
Score: 72/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 89, release rhythm 35, longevity 100
- inputs: {"age_days": 1603, "days_push": 69, "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 1082, forks 94 (observed 2026-08-28T04:03:31.078954+00:00)

## What it is
Reagraph is a high-performance WebGL-based network graph visualization library for React. It supports 2D and 3D rendering with many built-in layouts, interactive features like lasso selection, path finding, clustering, and customizable nodes and themes.

## Use cases
- render interactive network graphs in react
- visualize knowledge graphs with webgl performance
- draw large network diagrams in 2d and 3d
- add force-directed graph visualization to a react app
- explore relationships between entities with path finding
- cluster and bundle edges in a graph visualization
- build hierarchical or tree graph layouts in react

## When to choose
- you need high-performance rendering of large network graphs in React
- you want both 2D and 3D graph views with many layout options
- you need interactive features like lasso selection, dragging, and context menus
- you want customizable themes with light/dark mode support

## When to avoid
- you are not using React (the library is React-only, no React Native support)
- you need simple static charts rather than interactive network graphs
- you need server-side rendering without client-side dynamic imports
- you require woff2 font support for labels

## Facets
- artifact type: library
- maturity: active
- function: data-visualization, graphics, ui-components
- domain: data-visualization, frontend, web-development
- platform: cross-platform
- tags: webgl, react, network-graph, graph-layouts, 3d, force-directed, knowledge-graph, web-server, nodejs

## Member repositories
- reaviz/reagraph (main) score 72

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:31.078954+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-30T06:51:17.541574+00:00, confidence not recorded.
  - readme: https://github.com/reaviz/reagraph (fetched 2026-08-28T04:03:31.078954+00:00, sha 7d3274ffabf7)
  - homepage: https://reagraph.dev (fetched 2026-08-29T12:53:32.887529+00:00, sha 0cb1c0251dbe)
  - site_page: https://reagraph.dev/docs (fetched 2026-08-29T12:53:32.890388+00:00, sha 5362ec3dce3e)
  - site_page: https://reagraph.dev/docs/getting-started/Installing (fetched 2026-08-29T12:53:32.892239+00:00, sha 596d917abf7c)
  - site_page: https://reagraph.dev/docs/getting-started/Basics (fetched 2026-08-29T12:53:32.893873+00:00, sha acf69275530e)
  - site_page: https://reagraph.dev/docs/getting-started/FAQ (fetched 2026-08-29T12:53:32.895348+00:00, sha f1f79ef2cf6b)
  - site_page: https://reagraph.dev/docs/getting-started/Layouts (fetched 2026-08-29T12:53:32.897241+00:00, sha bfa9b5450512)
  - site_page: https://reagraph.dev/docs/getting-started/NextJS (fetched 2026-08-29T12:53:32.899666+00:00, sha 97e3116eff17)
  - site_page: https://reagraph.dev/docs/getting-started/Theme (fetched 2026-08-29T12:53:32.901479+00:00, sha 2b9eebfe257d)
  - site_page: https://reagraph.dev/docs/getting-started/Figma (fetched 2026-08-29T12:53:32.903059+00:00, sha adc06084edd7)
- Data as of 2026-08-30T08:39:29.467469+00:00.