Funnel — React 19 Implementation

Funnel R3T

The React 19 port of the custom SVG funnel app (vercel-funnel-r3t), showing 5 animated funnels at varying fill levels on a light gray background. The navy color is selected — the second swatch in the color row is filled, the rest are outlined. Below the swatches: color: navy and sample: 79,43,80,72,13 (the random sample values driving the funnel fill heights).

The refresh (blue) and clear (red) buttons sit to the left of "click a button... 13" — a counter showing how many times a swatch has been clicked this session. Tailwind 4.2.2 is noted bottom-right.

Each funnel is an SVG shape rendered directly — no canvas, no charting library. The fill animation is driven by Anime.js in this implementation (Svelte uses its built-in tweening instead). This is one of 8 framework implementations of the same funnel design, each built as 12 single-file components with Tailwind CSS and state persisted to Local Storage.