UI

Background color Change the background color of the graph canvas

Dark mode This example shows how to implement a dark mode toggle in an Ogma graph

Cursor style Customize the mouse cursor on hover over nodes, edges, or canvas

Fullscreen Toggle the graph into fullscreen mode

All settings Browse and tweak Ogma interaction settings

Tooltip Build a tooltip using an overlay layer component

Legend Auto-generate a legend from the styles applied to the graph

Branding Add your logo, link, or copyright text to the visualization

Scrollable page Prevent the graph from capturing mouse scroll when not in focus

Fuzzy search Search for nodes by name and highlight matches in the graph

Import progressbar Show a circular progress indicator while a large graph loads

Nodes label editing Double-click a node's label to edit it inline

Overview control Show a minimap of the graph to track the current viewport

Drag and drop Drag and drop a graph file onto the canvas to load it

Grid background newAdd an SVG grid background behind the canvas