Subscription costs
Add one row per month with the total you pay for subscriptions. Each step shows the month a plan started or ended.
How it’s set up
- Labels from
- Month
- Values from
- Total
Step area chart
Flat steps with a light fill, so each value holds until the next label and every change is a sharp jump. Hover over the chart to see the values.
Three ways to use it
Each example puts the widget on a Notion page and lists the settings it uses.
Team size by quarter
Add one row per quarter with the number of people on the team. Set Shorten to 0 so labels like Q1 2026 show in full.
How it’s set up
- Labels from
- Quarter
- Values from
- People
- Shorten to
- 0
Rent history
Add one row per year with the monthly rent you paid. Set Shorten to 0 so each year shows in full.
How it’s set up
- Labels from
- Year
- Values from
- Rent
- Shorten to
- 0
Other area chart variants
The same area chart widget with a different look. Each variant has its own page.
Normal
Dashboards that show one clear trend, such as a monthly total
Linear
Short data sets where each change between labels matters
Make it yours in the editor
Start from the Step variant and change any part of it. Try it in your browser first, no account needed.
What you can change
- Line shape: smooth, straight or steps
- Stacked or grouped series, each with a name and color
- Fill on or off, fill opacity, line thickness and points
- Bottom labels, left and right values, and grid lines
- A highlight range for a target band
- Hover card, legend and timeline scroller
- Font, colors, corners, borders and shadow