Build conversion funnel visualizations with stage labels, counts, and drop-off percentages.
Funnel Chart Generator converts ordered stage labels and counts into a funnel showing how much of an initial group remains as it progresses. Each transition includes a drop-off percentage, making large losses easier to spot than they are in a count table. Enter the stages in actual process order and use counts from the same cohort and time window. The common surprise is that drop-off is measured against the immediately preceding stage, not necessarily against the first stage.
A concrete input and expected output from the current implementation.
Input
Visitors: 100 Purchases: 25
Expected output
A two-stage funnel labeled Visitors (100) and Purchases (25), with a 75% drop-off from Visitors to Purchases.
The count decreases by 75, and 75 divided by the preceding count of 100 is 75%. The remaining 25 represents a 25% conversion between the two stages.
Provide one label and count for every stage in the order that people, applications, orders, or other units pass through the process. The generator places that sequence into the funnel and associates each loss with a transition between neighboring stages. Reordering stages changes the meaning of the resulting drop-off percentages even when the counts themselves stay unchanged.
For a transition from count A to count B, the drop-off percentage is (A - B) divided by A, multiplied by 100. A move from 80 to 20 therefore has 75% drop-off and 25% retention. The first stage has no preceding stage, while a transition beginning with zero does not have a defined percentage.
No. A stage-to-stage drop-off compares a later count with the immediately preceding count. With counts of 100, 50, and 20, the adjacent losses are 50% and 60%. The cumulative loss from the first stage to the last is 80%. These percentages answer different questions and should not be substituted for one another.
It should not in a conventional conversion funnel unless the increase has a clear explanation. A larger later count can indicate repeat events, re-entry, mixed cohorts, or inconsistent stage definitions. The ordinary drop-off formula then produces a negative value. Review the underlying counts before presenting that result as conversion attrition.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.