This potion is incredibly similar to our Charting Potion, which lets you embed Pie charts, GANTT charts, state diagrams and more directly in your Notion pages. Check it out here:

Charting Potion — Gantt charts, state diagrams and more in Notion

With that done... first, log in to your potion account below and click to copy the URL for your chart.

https://potions.potions.dev/widgets

Paste this link into your notion page and select Create Embed.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/581f8551-74c7-41ff-8f66-eb4c12a6b557/Untitled.png

Load the embedded page and resize to make things a bit cleaner

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cd7a53e5-cd6b-4206-ac36-e400556780a4/Untitled.png

Select Edit Widget to pull up the inline HTML editor.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ce34c4ee-4f1b-459c-b9cd-d1b76358c596/Untitled.png

For this tutorial, we're going to be embedding a Quote of the Day. We visited this page, selected Use this Widget on the Quote of the Day, and copied the results to the clipboard.

Next, we paste the results into our editor and get the following

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/95f389f5-d301-47d1-9156-abfd786e263a/Untitled.png

With our fully customized widget in place, select Lock widget to secure your widget for sharing with the public. After a bit of resizing, we get the following:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/81562e98-906e-4666-b68a-25905fa60f0a/Untitled.png

And that's all there is to know! Happy potioning.