Every tool here works on your site too
There are 25 of them: sorting visualizers, Karnaugh map solvers, algorithm flowcharts, graph traversals and logic circuits. Each one is an iframe you can paste into a lesson plan, a course page, a blog post or your LMS, and your readers can drive it exactly as you can here. It is free, and you will not need a script tag, an account or an API key.
Anything built here later is embeddable straight away, because the embed system reads the same registry the site renders from. A new tool arrives with its embed URL already working.
Tools
Flowcharts
Paste this anywhere that allows HTML. Your readers can drive it the same way you can, and there is no script to load.
The URL shapes
Every embed is a plain URL you can write by hand. The picker above just saves you the typing.
| Pattern | What it is | Example |
|---|---|---|
| /embed/tool/<slug> | Any tool on /tools | /embed/tool/sorting-algorithm-visualizer |
| /embed/flowchart/<name> | A named algorithm flowchart | /embed/flowchart/merge |
| /embed/circuit/<slug> | A saved logic circuit | /embed/circuit/xor-from-nands |
| /embed/graph/<slug> | A stored graph example | /embed/graph/weighted-demo |
| /embed/widget/<key> | Any widget, configured inline | /embed/widget/kmap-explorer |
Options
?theme=light | darkPin the colour scheme. Omit it to follow the reader's system setting.?credit=0Remove the 'Built with Nandscape' link in the corner.?data=<base64>Configure a /embed/widget/… embed with your own JSON.
oEmbed
Platforms that speak oEmbed, including WordPress, Ghost, Notion and Discourse, can turn a pasted Nandscape link into the running tool with no HTML at all. Tool and project pages carry the discovery link, and the endpoint is public:
GET https://nandscape.dev/api/oembed?url=https://nandscape.dev/tools/sorting-algorithm-visualizer&format=json
Common questions
How do I embed a Nandscape tool on my site?+
Copy the iframe snippet from any tool page, or from the picker above, and paste it into your own page wherever HTML is allowed. You don't need to load a script, make an account or get an API key. Because it is an ordinary iframe, it works in WordPress, Ghost, Notion, Canvas, Moodle, Confluence, Google Sites and any static site generator.
Do embeds stay interactive?+
Yes. An embed runs the actual tool rather than showing a picture of one. Readers can drive a sorting visualizer, click cells in a Karnaugh map, step a graph traversal or toggle the inputs of a logic circuit, the same as they can here.
Can I match the embed to my site's colours?+
Add ?theme=light or ?theme=dark to the embed URL to pin it. Leave it off and the embed follows the reader's own system setting, which is usually what you want on a site that already respects dark mode.
Can I remove the 'Built with Nandscape' link?+
Yes. Add ?credit=0 to the embed URL, or untick the credit box before copying the snippet. It is on by default because an embed sitting on someone else's page is a fair place to ask for a link back, but you can always turn it off.
Does the embed resize itself?+
The iframe uses whatever height you give it in the snippet. Embeds also post their real content height to the parent page as a message of type 'nandscape:embed:height', so a host page that wants to size the frame exactly can listen for that. Hosts that ignore it keep the fixed height they asked for.
Is there an oEmbed endpoint?+
Yes, at /api/oembed. Tool and project pages advertise it with a discovery link, so platforms that support oEmbed can turn a pasted Nandscape link straight into the running tool without anyone touching HTML.