How to create a bar chart in Notion

You can create a bar chart in Notion that compares the numbers in a Notion database, with one bar for each label. Bars stand up or run sideways, and up to twelve series stack into one bar or sit next to each other.

Notion data

Chart types take Notion data. A bar chart reads one Notion database. Its Label Field groups your Notion rows into the labels of the chart. Its Value Fields are the number properties that set the values. When you leave Value Fields empty, the chart counts how many rows share each label. If a property does not appear in the list of values, check that it is a Notion number property.

Create a bar chart and embed it in Notion

If the create dialog shows No Notion datasources found, click Sign in with Notion to connect Notion, and then start again at step 1.

1. In the Blocky dashboard, click Create widget.
2. Under Category, choose Chart.
3. Under Widget type, choose Bar. This is the bar chart.
4. Under Style, choose a template, such as Normal. Then click Continue to data.
5. In Notion Datasource, choose your Notion database.
6. In Label Field, choose the property that groups your rows into labels.
7. In Value Fields, choose one or more number properties, or leave it empty to count rows.
8. Click Open editor.
9. Change the text, colors, and settings of the chart in the editor.
10. Click Save. Blocky publishes the chart and opens the dashboard.
11. On the card of the chart, click Copy.
12. In Copy embed link, copy the link on the Public tab. Anyone who has a Private link can use it, so use a private link only on pages that you control.
13. In Notion, open the page for the chart. Type /embed, choose Embed, and paste the link.
14. Confirm the embed. If the chart needs more space, resize the embed block.

Templates

The create dialog lists the templates of the bar chart under Style:

• Normal (Normal bar chart). Vertical bars rise from the bottom, one for each label, with the labels below. With several series, each bar stacks them.
• Horizontal (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.

Inputs

In the editor, select Widget in the Elements panel, and then open the Inputs tab. Its Source section sets the Notion data of the chart:

• Notion database is the database that the chart reads.
• Labels from is the property that groups your rows into labels.
• Values from takes up to 12 number properties. Leave it empty to count rows.
• Refresh data applies your picks and loads their data.

To change the look of the chart, select the chart in the Elements panel, and then open the Appearance tab. It has settings such as Series, Bars, Value labels, Grid lines, Highlight range, Legend, and Hover card. In Bars, Direction switches the bars between Vertical and Horizontal.