Linear area chart

Straight lines join the values, with a lighter fill below. Each change from one label to the next shows as a clear angle. Hover over the chart to see the values.

Try it in the editorSee example pages

Opens in your browser. No account needed.

Linear area chart widget

Three ways to use it

Each example puts the widget on a Notion page and lists the settings it uses.

Weekly running distance

Log each run with a Week and a Kilometers property. Set Shorten to 0 to show full week names, and turn on points to mark each total.

How it’s set up

Labels from
Week
Values from
Kilometers
Shorten to
0
Show points
On

Support tickets by weekday

Leave Values from empty, and the chart counts the tickets for each weekday. The peaks show the days your team needs more cover.

How it’s set up

Labels from
Weekday
Values from
Empty, to count rows

Freelance income and costs

Pick Income and Costs as values and set Series to Grouped. The two areas overlap, so you can see the months where costs came close to income.

How it’s set up

Labels from
Month
Values from
Income, Costs
Series
Grouped

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

  • Step

    Values that change in jumps, such as prices, plans or team size

Compare all 3 variants

Make it yours in the editor

Start from the Linear 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