OGJS

One graph.Every question.State intact.

Ogjs is a commercial WebGL2 graph visualization library. Explore 384 live nodes here, then benchmark 40,000 on your device. Group communities, trace critical paths, and replay events without rebuilding the view.

npm install @mizansec/ogjs
384 live nodes · 6 communities · WebGL2
OrderService selected
PUBLIC API og.setGraph({ nodes, edges })

Run the claim yourself.

Ogjs reports the workload, seed, browser, renderer, viewport, median, and p95. The published baseline below is a regression profile—not a promise about your hardware.

Measure on this device
Workload
1,000 nodes · 2,000 edges
Median frame
40.5 ms
p95 frame
41.6 ms
Renderer
SwiftShader software GPU

Scale should remove work, not create it.

Developers provide graph data, rules, and desired behavior. Ogjs owns canvas, coordinates, framing, animation, lifecycle, and export.

Investigate without rebuilding.

Grouping, path tracing, time windows, and undo share one graph state, so changing the question does not discard the analyst’s context.

history.undo() · timeline.setWindow() · groupVisually()

Frame by intent, not canvas math.

Describe what must remain visible and which interface regions occupy space. Ogjs resolves bounds, padding, resize, and retained framing.

camera.fit({ target: 'visible', avoid: panel, retain: true })

Ship the same engine everywhere.

The root package and React, Vue, and Svelte bindings use the same renderer and TypeScript declarations, with zero runtime dependencies.

@mizansec/ogjs · /react · /vue · /svelte

Graph data in. Investigation ready.

The shortest useful setup stays readable: load stable IDs, choose a domain grouping rule, and state the framing outcome.

import { Ogjs } from '@mizansec/ogjs';

const og = new Ogjs({ container: '#graph' });
og.setGraph({ nodes, edges });

// Describe the domain grouping; Ogjs owns placement.
og.layouts.clustered({
  groupBy: ({ data }) => data.community,
});

// State the framing intent; no canvas geometry required.
og.camera.fit({ target: 'visible', retain: true });

Put your own graph on the canvas.

Evaluation use is permitted. Production use requires a commercial license.