SYSTEM·Mar 2026
Wireflow Graph
Animated wire connections between nodes with flow particles along edges.
An experiment in visualising data flow through a graph. Edges are animated with particles that travel along bezier paths, giving a sense of directionality and live activity.
Each wire has a flow gradient that pulses from source to target node. Active edges are highlighted based on hover and selection state.
Specs
StackSVG · Canvas API · TypeScript
Runtimereal-time @ 60 FPS
ArtifactWIREFLOW_GRAPH_ANIMATED