> TODO: description
npm install @graph-viz/coreGraphViz library is a high-performance WebGL based library for drawing graph visualizations.
------------------------------------------------------------------------
> WebGL based core drawing utility for graph visualizations
The @graph-viz/core package takes graph data as input and draws it on a canvas using WebGL.
Input data is treated as an immutable entity by this package and it only exposes interaction events that
can be used by callers to update the data and re-render the visualization.
npm i @graph-viz/core --save``typescript
import {GraphVisualization} from '@graph-viz/core'
// See docs for argument structures
const visualization = new GraphVisualization(
vizData, // visualization input data
canvas, // dom element
width, // number
height, // number
config, // config
);
`
-----------------------------------------------------------------
> Layout algorithms for graphs.
Implemented:
* Force Simulation (uses d3-force)
In Progress:
* Temporal Graph Layout
This packages exposes stateful (force simulations) as well as stateless plug-n-play
layout generation functions that can be used to seed nodes and links data with positions
on the canvas.
Usage
typescript
import {ForceSimulation} from '@graph-viz/layouts'const simulation = new ForceSimulation();
simulation.init(data);
simulation.onTick(callback);
`-----------------------------------------------------------------
@graph-viz/react
A zero-config plug and play React component to draw a force directed graph visualization.
Depends on
and @graph-viz/layoutsInstallation
Usage
typescript
import {GraphVizComponent} from '@graph-viz/react'...
nodes={[]}
links={[]]}
tooltips={[]}
/>
``