Graphora

Theme

Product demo

Getting started ​

Graphora is a preview graph visualization library for interactive network and dependency views. The framework-independent engine coordinates graph data, a Canvas renderer, layouts, viewport state, and interaction state. React is a thin binding over the same runtime.

Choose your first graph ​

JavaScript / TypeScript →Create a graph directly with the engine. The tutorial uses TypeScript.React →Render the same graph with a component and automatic cleanup.

Each path includes the exact runnable source, a live preview, and a first change: turn the three blue nodes teal. You will see Gateway → Orders → Database, then learn to load your own data and add interactions.

Just exploring? The dependency explorer runs in your browser without installation or repository access.

Before you start ​

The @graphora/* packages are not published to npm. The source repository is private, so local setup currently requires repository access. Package versions remain 0.0.0, and the maintainers have not selected a license. Do not copy an npm install @graphora/... command from an old preview page; it cannot install the current workspace packages from the public registry.

With an authorized checkout, use Node.js 22.13 or newer and pnpm 11.7.0:

bash
cd graph-library
pnpm install --frozen-lockfile
pnpm build

The example applications import the local workspace packages. Run one from graph-library/:

bash
pnpm exec vite examples/vanilla/first-graph \
  --config examples/vanilla/vite.config.ts

Vite prints the local URL. To use the React example instead, replace the final command with:

bash
pnpm exec vite examples/react/first-graph \
  --config examples/react/vite.config.ts

The complete examples catalog links every live preview and its source. Exact public signatures are in the generated API reference.

What the preview includes ​

The current implementation includes normalized graph data, Canvas 2D drawing and picking, circular, force, grid, and hierarchical layouts, viewport helpers, pointer interaction helpers, a React component, image export, basic analytics, and focused graph transformations. See project status for the evidence and current limits.