Clam Slam XML v0.5 Interactive Demo

Drag nodes, pan with middle mouse or Space+drag, wheel zoom, connect output ports to input ports, and run live development probes.

XML Canvas

          
Luxury tag rule: if an interaction needs several browser events, cleanup, pointer capture, or coordinate translation, use a first-class tag like <drag/>, <pan/>, <zoom/>, or <connect/>.
Live Node Graph Double-click empty space to add a node. Double-click an edge to remove it.