Interactive User Flow Diagram Builder

Build horizontally-scrolling, single-canvas user flow diagrams as standalone HTML files powered by D3.js. All nodes render at full detail on one flat canvas — no multi-level zoom, no phase grouping.

CRITICAL: Use the Complete Template Below

Copy the FULL HTML template from the "Complete Template" section below. Only modify the flowData object to match the user's flow. Do NOT restructure the rendering code, do NOT add phases/levels, do NOT change the node rendering functions.

Node Types & Colors (from Figma reference)