Viz

Interactive Venn diagrams of Viz comic characters and the themes they share.

Click a character on the left to see the overlap of their themes (e.g. Roger Mellie ⊃ Violence ∩ Sex ∩ Alcohol). Click a theme on the right to see which characters share it.

Live demo

viz-theta-swart.vercel.app — hosted on Vercel.

Running locally

A single static page with two external dependencies (D3 v4 from a CDN, plus a vendored venn.js). Open index.html directly in a browser, or serve the folder with any static file server (python -m http.server, npx serve, etc.).

Adding characters and themes

Edit the characterData array near the top of index.html. Each entry is { name, themes: [...] }.

• Characters with only one theme are hidden from the left column (a one-circle "Venn" is a circle).
• Themes held by only one character are hidden from the right column.

What would you like to see added?

The current data is a sample. Open an issue and tell me which Viz characters or theme tags you think belong here — Major Misunderstanding? Cockney Wanker? An "Old Timey" theme spanning Raffles and Victorian Dad? All suggestions welcome.

Tech

• Plain JS, no framework
• D3 v4 + venn.js for the layout solver