“The dumbing down of America is most evident in the slow decay of substantive content…”
— Carl Sagan, The Demon-Haunted World
An interactive educational platform designed to make the spread of misinformation visible and emotionally resonant. The project combines network graph analysis with generative art to reach audiences that data alone can’t move.
An interactive network diagram where:
Clicking a node expands its connections and reveals sharing patterns, making the structural anatomy of a misinformation campaign tangible.
Built with p5.js, this piece evolves through three states in response to user interaction:
Interacting with high-influence misinformation nodes in the network map accelerates the art piece’s transformation — making the causal relationship visible.
An interactive fact-checking guide that walks users through critical evaluation questions for any piece of information they encounter. Designed to be a practical tool, not just a visualization.
| Category | Tools |
|---|---|
| Generative Art | p5.js |
| Network Visualization | D3.js, force-directed graphs |
| Frontend | HTML5, CSS3, JavaScript |
| Audio Layer | Web Audio API |
The dual-display approach (network map + generative art side-by-side) addresses two different audience responses to misinformation: the analytical (who responds to data and evidence) and the emotional (who responds to narrative and imagery). Cross-linking the two displays makes the abstract structural problem of misinformation personally felt.
Target audience: Students, young adults, educators, and researchers studying media literacy.
| GitHub Repository | ← Back to Projects |