From visit to order
Five stages from a visit to an order as centered bars as wide as their values, with the share of the stage before that remains written between the bars. Labels stand left and values right of the bars, the description names the biggest drop, and the table has value, share and rate for every stage. Illustrative shop data, with a phone variant.
From visit to order
examples/checkout-funnel.json{
"schemaVersion": 1,
"type": "funnel",
"title": "From visit to order",
"source": "Illustrative shop data, one month",
"width": 760,
"height": 380,
"funnel": {
"stages": [
{
"label": "Visits",
"value": 12400
},
{
"label": "Product views",
"value": 7300
},
{
"label": "Added to cart",
"value": 2100
},
{
"label": "Checkout started",
"value": 1250
},
{
"label": "Orders",
"value": 840
}
]
},
"mobile": {
"width": 380,
"height": 420
}
}Source: Illustrative shop data, one month
Show chart data
| Stage | Value | Share | Rate |
|---|---|---|---|
| Visits | 12400 | 100.0% | |
| Product views | 7300 | 58.9% | 58.9% |
| Added to cart | 2100 | 16.9% | 28.8% |
| Checkout started | 1250 | 10.1% | 59.5% |
| Orders | 840 | 6.8% | 67.2% |