Monthly study hours
Log each study session with a Month and an Hours property. The chart adds up the hours for each month, so you see when you studied most.
How it’s set up
- Labels from
- Month
- Values from
- Hours
Normal area chart
Smooth curves with a strong fill under each line, so the shape of the trend stands out. Hover over the chart to see the values for each label.
Three ways to use it
Each example puts the widget on a Notion page and lists the settings it uses.
Website visits by source
Add one row per month with an Organic and a Social property. The stacked areas show each source and the total visits.
How it’s set up
- Labels from
- Month
- Values from
- Organic, Social
- Series
- Stacked
Savings goal
Add one row per month with your savings balance. A highlight range marks the goal, so you can see how close each month gets.
How it’s set up
- Labels from
- Month
- Values from
- Balance
- Show highlight range
- On
- Label
- Goal
Other area chart variants
The same area chart widget with a different look. Each variant has its own page.
Linear
Short data sets where each change between labels matters
Step
Values that change in jumps, such as prices, plans or team size
Make it yours in the editor
Start from the Normal 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