Small, focused tools that do one job. All free, all in the browser, none of them ask you to sign up.
Want the full sandbox instead? Open the logic gate editor.
Every tool here embeds in your own site. Jump to embedding.
25 customizable embeds for teaching computer science. Works on all platforms (scroll down for Wordpress, Notion, etc.)
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.
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 |
?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.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.org/api/oembed?url=https://nandscape.org/tools/sorting-algorithm-visualizer&format=json
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.
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.
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.
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.
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.
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.