JavaScript is required

Canvas Drag and Wheel Modes

A full-height relation-graph workspace demo focused on changing canvas drag and wheel behavior at runtime. It loads a small inline graph, exposes live `wheelEventAction` and `dragEventAction` controls in a draggable floating panel, clears checked state from empty-canvas clicks, and includes an image export flow.

Edit on GraphPilot

Live Canvas Drag and Wheel Modes in a Floating Graph Workspace

What This Example Builds

This example builds a full-height relation-graph workspace for testing how the canvas reacts to drag and wheel input. The graph itself is intentionally generic: a centered sample network rendered with cloud icons, a floating white utility window, and no domain-specific overlays competing for attention.

Users can switch the live wheel mode between scroll, zoom, and none, switch the canvas drag mode bet