You can create charts by embedding unique links into your Notion pages. Log in to your Potion account below and click to copy the URL for your chart.

https://potions.potions.dev/diagrams

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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/11e360ff-acb7-4022-b80f-44b607244d60/Untitled.png

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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/92bf2427-79a7-41a7-8c7f-44f234ccc2e8/Untitled.png

Select Edit Diagram to pull up the MermaidJS editor. You should see something like the following:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/11c95365-6916-4bc7-86d0-6c22912dc65c/Untitled.png

Navigate to the MermaidJS documentation and choose a diagram to test. For this demo we'll be using their GANTT chart. Copy the markup and paste it into the MermaidJS editor. If you chose the same one, you should see something like this.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/156774a7-87cb-4817-92a7-573141165bb1/Untitled.png

Now that we're comfortable with our diagram, select Lock Diagram to save it's output and prevent anyone you share it with from tampering with it. Resizing and cleaning things up a bit we're left with the following

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/01a2cfff-b6b2-4ba2-b432-58e7c8a72f6a/Untitled.png

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