Skip to content

mawg/Viz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A Venn diagram of Viz characters and their traits. Do I win five pounds?

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors