Usage Line Chart
API requests per day as two lines separating production and sandbox volume across a 14 day window.
API requests per day as two lines separating production and sandbox volume across a 14 day window.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Usage Line Chart shows API requests per day as two lines, production and sandbox, across 14 days from May 30 through Jun 12. The Y axis uses a compact k tickFormatter so 174,900 reads as 174.9k and the axis stays narrow. Both series use dot={false} because at 14 daily points the dots clutter without adding precision. The footnote draws the billing boundary clearly: sandbox traffic is excluded from billing, only production requests count toward the plan quota.
The 14 day window and the two series live in one chartData array. The production vs sandbox split is the fact users need to understand their quota, not just their total volume.
Reach for this block on a usage or billing page, wired to your API analytics endpoint that returns daily request counts by environment. Pair it with a stat card showing the current period quota consumption.
A natural flow around it on an Application Pro page:
Before
After
One strong use is daily API request volume split by environment. Other two series line charts:
Tip: name the billing boundary in the footnote, not in the panel description, so it stays visible after the chart is wired to real data.