Charts
Everything the chart block can't do.
Every demo below runs on sample data. Click, switch, and type.
Act 01What the chart block can't draw
Engines
Seven looks, one dataset.
Pick the renderer that suits the page. The rows never move.
Rollup and formula columns
Charts from computed columns.
ChartOmodo reads computed columns like any other property.
| Name | Region | Amount Σ rollup | Margin ƒx formula |
|---|---|---|---|
| Acme renewal | EMEA | 4,200 | 38% |
| Northwind pilot | Americas | 2,850 | 31% |
| Globex expansion | APAC | 6,100 | 44% |
| Initech seats | EMEA | 1,900 | 27% |
Act 02Shape it your way
Annotations
Mark the moment on the line.
Pin a note to a date. It stays put when the data refreshes.
Custom CSS
Style the embed yourself.
Write CSS against your chart's embed to match your brand. It is sanitized before it is served.
Act 03Where the chart lives
Private links
Unguessable. Revocable.
A private chart's embed link carries a random token. Rotate it and the old link goes dead.
Embeds are currently limited to Notion pages: other sites are blocked from framing them.
old link stopped working
Auto theme
Light mode, light chart.
The Auto theme follows each viewer's light or dark system setting. No second version to maintain.
Everything that ships
The full list.
Data source
Chart your Notion databases and CSV files you upload.
- Notion
- Rows are re-read on a timer set by your plan, and a Refresh button on the embed re-reads them now
- Notion change events
- When Notion reports an edit to a connected database, its cached rows are marked stale ahead of the timer
- CSV upload
- Up to 5 MB and 50,000 rows per file
Chart types & engines
18 chart types in the picker, drawn by 7 engines.
- Bar / Line / Area / Pie
- Core types, every engine
- Donut / KPI / Radar
- Donut + KPI in-house; radar via ApexCharts / Chart.js
- ApexCharts · Chart.js · Recharts · ECharts · Nivo · Plotly
- Swap render engine from Pro
- Heatmap / Sankey / Treemap / Calendar
- Pro, via the ApexCharts and ECharts engines
- Scatter / Funnel / Gauge
- Pro, via the ApexCharts engine
- Stream / Bump / Sunburst / Waterfall
- Pro, via the Nivo and Plotly engines
Shape your data
Aggregate, filter, group, and annotate.
- Rollup & formula columns
- Chart them directly, like any other property
- Filters + aggregation
- Count / sum / avg / min / max
- Date grouping
- Week / month on every plan; day / quarter / year from Pro
- Annotations
- Vertical reference lines (Pro)
- Multi-series
- Multiple series per chart, more on higher plans
Theme & embed
Match your brand and embed straight into a Notion page.
- Dark / light / auto themes
- Dark / light on every plan; auto from Starter
- Custom CSS
- Restyle the embed to match your brand (Business)
- Public + private embed
- Signed tokens for private charts, private embed from Starter
- PNG / SVG export
- Static snapshots; Chart.js charts export PNG only