🕸 WebGL Graph Visualizations for React. Maintained by @goodcodeus.
Reagraph is a high-performance network graph visualization built in WebGL for React.
with the following built in layouts:
Install the package via NPM:
npm i reagraph --save
Install the package via Yarn:
yarn add reagraph
Import the component into your app and add some nodes and edges:
import React from 'react';
import { GraphCanvas } from 'reagraph';
export default () => (
<GraphCanvas
nodes={[
{
id: 'n-1',
label: '1'
},
{
id: 'n-2',
label: '2'
}
]}
edges={[
{
id: '1->2',
source: 'n-1',
target: 'n-2',
label: 'Edge 1-2'
}
]}
/>
);
Checkout an example on CodeSandbox.
If you want to run reagraph locally, its super easy!
npm i
npm start
Thanks to all our contributors!