Examples tagged Overlays

Overlays + annotations Animate data flow in a neural network with overlapping annotations

Context menu Right-click a node to open a custom context menu

Editable notes and in-place forms Double-click nodes to edit rich text notes attached to them

Text on edge extremities Display text labels at the start or end of edges

Edge badges Render icon badges along edges using a canvas layer

Flowlines Draw animated flow lines along edges

Diagrams Visualize data flow with area and node overlays

d3 integration Sync a D3.js chart with the Ogma graph

Density contours Render density contour shapes behind the graph using D3

Konva.js integration Add a Konva.js canvas layer as an overlay on the graph

PixiJs integration Add a PixiJS layer for custom shapes and images on the graph

Cluster annotation newDisplay cluster backgrounds and donut charts as graph overlays

Blueprint Overlay a blueprint or schematic behind graph nodes

Animated edges newAnimate dashed edges using a canvas layer

Async load nodes metadata newShow a loading spinner on a node while fetching its data

Identity card nodes newRender rich identity card layouts as custom node content

Org chart with DOM nodes newBuild an org chart and promote any node to the top of the tree

Geo mode + Heatmap Overlay a heatmap on a geo-mode graph

Geo mode + marker clustering newCluster map markers geographically and expand them on click

Show Overlaping Nodes Show overlapping nodes in a popup side-view on hover on a map