About
See set theory, don't just memorise it.
01
SetViz is a teaching aid for introductory statistics and discrete mathematics. You pick a set operation and the Venn diagram shades exactly the region that operation describes — so the notation and the picture are always side by side.
It is built for the moment a student can recite that ∩ means "and" but still shades the wrong
region. Seeing (A ∩ B)′ light up is more convincing than being told what it means.
Who it is for
Students meeting set notation for the first time, and teachers who want something to project and click through in front of a class. No account, no installation — it runs in a browser and keeps working offline once loaded.
A ∩ B shaded — one of seven stages
02
Seven stages, each building on the one before — Basics, Union & Intersection, Complement & Difference, Subset & Disjoint, Three Sets, De Morgan's Laws, and a Quiz. Every stage can also be opened directly, in any order. The manual has the full stage-by-stage breakdown.
03
Pick a stage
Use the row of tabs across the top, the Back and Next buttons, or the arrow keys.
Click an operation
The diagram shades immediately, and a plain-English explanation appears underneath.
Finish at the quiz
Nothing is graded or recorded, so wrong answers cost nothing.
The user manual walks through every part of the interface in detail, and includes a suggested lesson route.
04
SetViz began in October 2025 as a single-page teaching aid and has been developed openly ever since. Every version is public, tagged and dated in the project's repository.
Version 1.0 · October 2025 – August 2026
The first release established the approach that still defines the tool: a student picks an operation, and the diagram shades exactly the region it describes, with a teaching note alongside.
Introduced
Silver medal · DIIID 2026
This is the version entered into the DIIID 2026 innovation competition, and the build described in the accompanying extended abstract. It was released publicly under a CC BY-NC-ND 4.0 licence in August 2026.
Version 2.0 · September 2026
A substantial rework of both the interface and the teaching content, built on a new foundation: every operation is now defined as a plain true-or-false rule over the individual regions of the diagram. That one change is what made the rest possible.
New in this version
The original published address still resolves, so links printed before this release continue to work.
05
| Built with | HTML, CSS and JavaScript. Diagrams are drawn as SVG — no charting library. |
| Dependencies | None to install. The page is self-contained and runs from a single file. |
| Deployment | A fully static site, suitable for any static host. |
| Browsers | Current versions of Chrome, Firefox, Safari and Edge. The layout adapts to smaller screens. |
| Privacy | No account, no cookies, and nothing you type is sent anywhere. The visitor count records a page view only. |
| Licence | CC BY-NC-ND 4.0 — free to use and share in teaching with attribution; no commercial use, no derivatives. |
| Credits | Design approach inspired by ProbViz. |
Start at the beginning, or jump straight to the stage you need.
Open SetViz →