How to create a line chart in Notion

You can create a line chart in Notion that plots the numbers in a Notion database as a line, with one point for each label. Draw up to twelve lines to compare trends, such as this year and last year.

Notion data

Chart types take Notion data. A line 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 line 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 Line. This is the line 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 line chart under Style:

• Normal (Normal line chart). A smooth curve with no fill, so the line itself carries the trend and several lines stay easy to tell apart.
• Linear (Linear line chart). Straight segments join the values, so each rise and drop between two labels is exact.
• Step (Step line chart). The line moves in flat steps and holds each value until midway to the next label, so changes read as jumps, not slopes.

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, Line, Value labels, Bottom labels, Left values, Grid lines, Highlight range, Legend, Hover card, and Timeline scroller.