WebGPU Canvas

FPS: 0

WebGPU + Textures

Drag to move • Marquee to multi-select

⌘Z

⌘⇧Z

GPU-accelerated node graph rendering with texture atlas & interactive dragging

Nodes

Edges

Number of Nodes: 500

1010,000

Edge Density: 100%

0% = no edges, 100% = all edges

Layout

Thumbnail Resolution

Animate Edges

Texture Atlas (batched rendering)

Node Dragging & Selection

Multi-select & Multi-drag

Undo/Redo (⌘Z / ⌘⇧Z)

Hand Tool (Space/H to pan)

Spatial Hash Hit Testing

Bezier Edge Curves

1,000 nodes60 FPS

5,000 nodes60 FPS

10,000 nodes60 FPS

Drag nodeClick & drag

Multi-selectDrag on empty canvas

Move selectedDrag any selected node

Add to selectionShift + click/drag

⌘ZUndo

⌘⇧ZRedo

Space / HHand tool (pan)

Pan canvasAlt+drag / middle-click

ZZoom mode (click/drag)

Alt+ZZoom out mode

FFit view

0Reset zoom

+/-Zoom in/out