Skip to content

Widgets

Interactive widgets for visual learning.
Get started

This is a proof of concept of what an interactive OER (Open Educational Resource) might look like.

Building a site like this used to require an immense amount of time and specialized effort. Today, thanks to the explosion of open-source tools and the advent of AI coding agents, creating content is more accessible than ever.

While there is still plenty of room for improvement, I have a pretty good hunch that this architecture can scale across other subjects, languages, and pages.

A huge thank you to the creators of Astro, Svelte, D3, three.js, and the many other OSS libraries making this possible under the hood.

There is still a long “to-do” list to make this a truly useful resource:

  • Adding more content.
  • Managing content and translations across multiple languages is still a bit clunky.
  • Adding more thorough explanations.
  • Bringing consistent theming to all the widgets.
  • Localization is scattered across multiple boundaries.
    • The MDX files might be better off as a title + description + one big Svelte component per page, with all the text and localization handled within the Svelte component itself.

BUT I’m just an average developer working a full-time job to pay the bills. Coding and creating stuff is my hobby. Because of that, I’m planning to step back from this project for a while. Or at least spend a lot less time on it.

I might accept simple translation contributions via GitHub PRs. But again, I can’t promise that I’ll get to them.

In the spirit of open education, the contents on this website and the code are in the public domain (CC0 1.0); you are more than welcome to remix or repurpose them, fork them, etc.