Charts in Notion
Show a chart on a Notion page with an image block and a URL.
The result
bkg=%231a1c20 for dark pages. Open the PNG.Add it to a page
- Copy the chart URL below.
- On a new line in Notion, click
+and choose Image. - Paste the URL.
The URL to paste
https://chartpng.dev/chart?w=480&h=360&dpr=2&c=%7B%22type%22%3A%22doughnut%22%2C%22data%22%3A%7B%22labels%22%3A%5B%22Done%22%2C%22In%20progress%22%2C%22Blocked%22%5D%2C%22datasets%22%3A%5B%7B%22data%22%3A%5B18%2C7%2C2%5D%7D%5D%7D%7DThe same chart for a dark page
https://chartpng.dev/chart?w=480&h=360&dpr=2&bkg=%231a1c20&c=%7B%22type%22%3A%22doughnut%22%2C%22data%22%3A%7B%22labels%22%3A%5B%22Done%22%2C%22In%20progress%22%2C%22Blocked%22%5D%2C%22datasets%22%3A%5B%7B%22data%22%3A%5B18%2C7%2C2%5D%7D%5D%7D%7DAbout /embed
Notion's help describes /embed for websites and for uploading your own files. It does not say it renders an image URL, so use the image block. If you try /embed and see a Failed to Load error, that is Notion's note about sites that block embedding. Switch to the image block.
Limits that matter
- The chart is fixed. It is the data inside the URL. To change a number, build a new URL and paste it again.
- Paste the image URL. It starts with
https://chartpng.dev/chartand points at the PNG, not at a web page. - Match the page. The chart keeps the background it was drawn with. On a dark page, add
bkgwith a dark color and the chart text turns light. - Free plan. The image carries the small
chartpng.devwatermark. Anyone who can see the page can read the URL, so never put an API key in it. - Size. The config can be up to 16 KB. A typical image weighs about 20 KB.
Sources
Claims about other products, read at their source on 2 Nov 2026.
- An image block can take an image from a URL:
embed an image from elsewhere using its URL
www.notion.com - Notion lists PNG among the file types it supports:
Notion supports the following file types:
www.notion.com - /embed is for websites and for uploading your own files, not for image URLs:
You can also use /embed to upload and display your own image, audio, video, or file.
www.notion.com - Some sites block being embedded:
If you receive a Failed to Load error, that's why.
www.notion.com