Interactive SVG Funnel Chart Builder
- Problem
- Client needed editable, presentation-ready funnel graphics without relying on heavy design software or static hand-made assets.
- Outcome
- Delivered a browser-based SVG funnel builder with real-time updates, configurable stages and styling, and reusable vector output the client could quickly adapt for marketing pages and slide decks.
- Timeline
- ~1 week
- Role
- Frontend, solo
Details
A Vue 3 single-page app for building interactive marketing and sales funnel visuals directly in the browser. Includes a schema-driven control panel and a pure JavaScript SVG engine that procedurally generates funnel paths, gradients, typography, and multi-stage layouts. Morphdom powers efficient DOM patching for smooth live previews, letting users iterate stages, colors, and copy in real time and export reusable, scalable graphics for landing pages and presentations.
Technologies
Vue 3JavaScriptSVGMorphdom