Examples
Guided examples teach complete tasks. Reference pages isolate one public capability. Advanced pages expose specialized composition, while Evidence pages measure or verify behavior rather than teach the ordinary adoption path. Grades describe this repository's evidence only: verified means code, an automated check, and a runnable example; partial means one of those is still incomplete. Use Find example or press ⌘K / Ctrl K from any page. New here? Follow the seven-step investigation route.
Reference
Anchored cards
Position node tooltips, world cards, and interactive context controls through one camera-aware lifecycle.
Reference
Overview composition
Synchronize the main camera through an accessible overview and compose opted-in raster surfaces into PNG/PDF.
Reference
Helm controls
Mount keyboard-ready node search, a semantic legend, and operation progress inside the graph or an application panel.
Reference
Surface controls
Compose validated settings, native fullscreen, interaction-aware cursors, and a camera-aligned exportable grid.
Reference
PrismPack palettes
Apply paired light and dark semantic tokens, canvas-contrast-tested category colors, measured contrast, and generated Helm legends.
Guided
Payment investigation
Supply node and relationship roles with labels;
present() completes the readable graph.
Advanced
Strata workbench
Order custom underlays and overlays with camera-aware frames, pointer policy, and deterministic teardown.
Advanced
Scalar contour field
Prepare ordered thresholds from a finite scalar grid, then keep their linework aligned, hideable, and exportable.
Guided
Graph editing history
Add and remove connected data, then undo or redo each exact mutation.
Advanced
Forge editing workbench
Join, retarget, resize, rename, snap, drop, validate, and undo through one graph-native toolset.
Guided
Data format import
Load text, graph, spreadsheet, Arrow, and Parquet files locally with an honest import summary.
Advanced
Database result lab
Convert Neo4j, Gremlin, SPARQL, and SQL result shapes into a live graph.
Advanced
Atomic schema intake
Validate app-owned result pages, preserve stable typed IDs, and replace the graph only after every page succeeds.
Advanced
Seven-language bridge
Emit one stable graph document from JavaScript, Python, Java, C#, Go, PHP, or Rust and render it through the same browser contract.
Guided
Application adapter lab
Connect app-owned collaboration and reviewed model results while OGJS keeps risk zones attached to graph nodes.
Guided
Data export studio
Preview and download graph data as JSON, CSV, or XML.
Reference
Image export lab
Export SVG, PNG, or PDF; crop reports to selected entities and add text watermarks.
Advanced
Semantic navigation
Traverse nodes and labeled edges, activate with Enter, select with Space, and read the same graph as a synchronized semantic list.
Guided
Graph and records
Select a graph node or table record while OGJS keeps paging, selection, and camera state synchronized.
Guided
Simplify relationships
Skip intermediary entities or attach their data to neighbors while the source graph and camera remain recoverable.
Guided
Selection workbench
Select exact ids, draw freehand or rectangular regions, clear state, and cancel safely.
Reference
Investigation overlays
Outline communities and attach restorable text, regions, arrows, and node callouts.
Advanced
MarkupDeck
Draw, select, align, resize, style, duplicate, and export graph annotations with pointer, touch, or keyboard.
Reference
Timeline brush
Brush a point-time histogram or combine paired temporal queries with independent graph filters.
Reference
Interval playback
Play, pause, and seek overlapping node and relationship lifespans while filters stay independent.
Reference
Global service map
Trace nine city-to-city dependencies over a self-hosted Natural Earth basemap.
Reference
Gulf service corridor
Combine true country boundaries, operational sites, and directed routes as independent layers.
Advanced
Gulf incident map
Investigate seventy incidents with local feature tiles, density, clustering, and country queries.
Reference
Analysis explorer
Compare fewest-hop and weighted routes, connected components, and seeded communities.
Guided
Insights workbench
Run centralities, spanning forests, shell layers, and multilevel modularity in a cancellable worker.
Guided
Easy grouping
Members converge into meta-nodes and fan back out; ungroup restores every position exactly.
Reference
Expand / collapse
Double-click a meta-node: members bloom out circle-packed; double-click a member to collapse it back.
Reference
Fisheye lens
Cursor-following magnifier; picking stays exact inside the lens.
Reference
Hover styles (red ring)
Red outer ring with a gap on node hover; links turn red and ring both endpoints.
Reference
Animated layout switching
Force, hierarchical, radial, circular, grid — every node glides, the camera follows.
Advanced
Hierarchy workbench
Promote a node or edge, rank operational lanes, change reading direction, and repack disconnected components without losing context.
Advanced
Local layout constraints
Pack a chosen subgraph on rings or a linear track, preserve fixed anchors, and remove variable-size overlaps.
Guided
Temporal lanes
Place equal-time events in size-aware lanes, then animate between horizontal and vertical chronology.
Reference
Edge attribute animation
Tween edge width and color together; one lifecycle event reports timing and affected indices.
Reference
Node and camera motion
Coordinate position, size, color, and camera tracks through the shared frame loop.
Advanced
Coordinated motion sequence
Arrange, focus, trace, and restore an incident through four timed, cancellable frames.
Reference
Dataset evolution
Preserve shared identities while arriving and departing nodes and links cross-fade.
Evidence
Force workbench
Reproduce worker and GPU layouts with high-degree hub, dense-petal, adaptive-grid, settlement, and shape evidence.
Evidence
Filter workbench
Compose predicates over a large graph and measure visible topology locally.
Reference
Composable investigation
Intersect time, risk, search, and drawn-area constraints while the graph keeps its spatial context.
Evidence
Edge filter pipeline
Compose relationship predicates while preserving dense identity, stored styles, and complete data exports.
Reference
Projection pipeline
Reuse named computed fields across node filters, styles, and explicit data refreshes.
Guided
Progressive unfold
Activate nested levels by pointer or keyboard, reopen from cache, and step back without losing filters or node identity.
Reference
Zoom-aware folding
Move between 12 regions, 72 teams, and 432 assets while regrouping only at stable zoom boundaries.
Guided
Node style gallery
Inspect fills, borders, glyphs, status dots, count capsules, and combined recipes.
Reference
Node dials and beacons
Render proportional pie and donut fills or a live signal ring in the shared node pass.
Reference
Analytic node marks
Render and pick circles, squares, diamonds, triangles, and hexagons through one typed channel.
Reference
Node image gallery
Center-crop asynchronous images inside analytic marks with fallback, borders, badges, and paint order.
Reference
Node paint order
Keep overlapping node pixels and pointer targeting in one stable priority order.
Reference
Edge style gallery
Compose core strokes, outlines, halos, pulse, captions, badges, and parallel routes per relationship.
Reference
Label recipe gallery
Compose per-node typography, hierarchy, placement, collision priority, and RTL text.
Reference
Traversal explorer
Walk directed layers or branches with depth limits, cancellation, and loop tracing.
Evidence
Multi-instance lab
Keep history, focus, rendering, and teardown isolated across sibling graphs.
Reference
Pattern-aware group layouts
Isolated nodes pack deterministically, exact stars form rings, and irregular meshes retain force layout.
Reference
Living clusters
Regroup a scalable service landscape with stable category colours, soft neutral links, interruption, and fixed camera context.
Reference
Visual grouping (containment)
Members stay visible inside a translucent parent disc; drag it to move the whole group.
Reference
Expand with in-group layout
Fetch, validate, and reveal members atomically in one contained motion.
Reference
Recursive visual groups
Nest teams into divisions and move or collapse each subtree as one rigid unit.
Evidence
Grouping at scale
One edge pass prepares deterministic visual groups on thousands of nodes.
Evidence
Performance lab
Measure four seeded topologies, compare CPU and GPU layout paths, and change as many as 150 groups.
Evidence
Topology lab
Create seeded random, grid, tree, small-world, and power-law graphs through one public recipe.