Horizontal bar chart

Bars run from left to right, with the labels down the side, which leaves room for long names. With several series, each bar stacks them. Hover over a bar to see its value.

Try it in the editorSee example pages

Opens in your browser. No account needed.

Horizontal bar chart widget

Three ways to use it

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

Pages read by genre

Log each book with a Genre and a Pages property. Set Shorten to 0 so genres like Science fiction show in full.

How it’s set up

Labels from
Genre
Values from
Pages
Shorten to
0

Team workload

Leave Values from empty to count the open tasks for each person. The longest bar shows who needs help first.

How it’s set up

Labels from
Assignee
Values from
Empty, to count rows
Shorten to
0

Grades by subject

Add one row per subject with your current grade. Turn on value labels to show each grade at the end of its bar.

How it’s set up

Labels from
Subject
Values from
Grade
Shorten to
0
Show value labels
On

Other bar chart variants

The same bar chart widget with a different look. Each variant has its own page.

  • Normal

    Project boards and dashboards that compare a few totals

Compare all 2 variants

Make it yours in the editor

Start from the Horizontal variant and change any part of it. Try it in your browser first, no account needed.

What you can change

  • Direction: vertical or horizontal
  • Stacked or grouped series, each with a name and color
  • Bar gap, thickness and corners
  • Value labels inside or outside the bars
  • Labels, value scales and grid lines
  • A highlight range for a target band
  • Hover card and legend
  • Font, colors, corners, borders and shadow