Memgraph OrbGraph visualization library

Render interactive graphs on Canvas or WebGL, with force-directed and hierarchical layouts, a map view, and full styling control.

Canvas & WebGL

Render on the 2D canvas for crisp small graphs, or switch to the WebGL renderer to draw tens of thousands of nodes at interactive frame rates.

Choose a renderer

A force-directed layout engine that runs on the GPU for large graphs, with an automatic CPU fallback when WebGL2 is unavailable.

GPU layout

Plot geo-located nodes on an interactive map with latitude and longitude - no extra glue code required.

Map view

Colors, sizes, shapes, borders, shadows, and labels for every node and edge, plus default-style callbacks to theme an entire graph at once.

Styling guide

Full, standalone demos - open one and play with it.

Switch layouts and tweak node shape, color, size, edges and labels - watch the graph respond live.

Scale up to tens of thousands of nodes and compare Canvas vs WebGL and CPU vs GPU force, with live fps and layout timing.

A network of European cities plotted on an interactive Leaflet map.

Every node shape, a color palette, and solid / dashed / dotted / custom edge line styles.

A real, hard-coded transit network - three colored lines with interchange transfers.

Hover to focus a neighborhood, click to select (with cascade), Shift-click to multi-select, right-click for actions, and drag nodes around.