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()
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
og.setGraph({ nodes, edges })
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 deviceDevelopers provide graph data, rules, and desired behavior. Ogjs owns canvas, coordinates, framing, animation, lifecycle, and export.
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()
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 })
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
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 });
Evaluation use is permitted. Production use requires a commercial license.