This is a submission for the 2026 WeCoded Challenge: Frontend Art
What if the history of technology wasn’t a list… but a living, interactive network?
🚀 Live Demo
👉 Explore the Interactive Network
Tech Pioneers Network 🌟
An interactive p5.js visualization celebrating the groundbreaking women who shaped the world of technology. Each glowing node represents a pioneer, connected in a cosmic network that illuminates their collective impact on innovation.
✨ Live Demo
🚀 View the Live Interactive Network
Built for the #WeCoded 2026 challenge
🎯 What is This?
This project visualizes the interconnected stories of 20 remarkable women who revolutionized technology. From Ada Lovelace, the first programmer, to modern pioneers like Fei-Fei Li and Audrey Tang, each node represents a breakthrough moment in tech history.
The visualization uses a cosmic theme to symbolize how these women didn't just work in technology—they expanded it, pushing boundaries like astronauts exploring new frontiers.
🌟 Features
Interactive Elements
-
20 Glowing Nodes - Each representing a real tech pioneer
-
Dynamic Connections - Lines form between nearby nodes with color blending
-
Hover Tooltips - Reveal detailed information about each…
Tech Pioneers Network 🌟
An interactive p5.js visualization celebrating the groundbreaking women who shaped the world of technology. Each glowing node represents a pioneer, connected in a cosmic network that illuminates their collective impact on innovation.
✨ Live Demo
🚀 View the Live Interactive Network
Built for the #WeCoded 2026 challenge
🎯 What is This?
This project visualizes the interconnected stories of 20 remarkable women who revolutionized technology. From Ada Lovelace, the first programmer, to modern pioneers like Fei-Fei Li and Audrey Tang, each node represents a breakthrough moment in tech history.
The visualization uses a cosmic theme to symbolize how these women didn't just work in technology—they expanded it, pushing boundaries like astronauts exploring new frontiers.
🌟 Features
Interactive Elements
- 20 Glowing Nodes - Each representing a real tech pioneer
- Dynamic Connections - Lines form between nearby nodes with color blending
- Hover Tooltips - Reveal detailed information about each…
🎯 The Idea
We often learn about pioneers in isolation:
- A name
- A contribution
- A moment in history
But innovation doesn’t happen in silos—it happens through connection.
So I built something different.
An interactive network visualization where:
- Each node is a woman who shaped tech
- Each connection represents influence, inspiration, or shared progress
- Each interaction reveals how deeply interconnected innovation really is
✨ What You’ll Experience
- 🌟 A glowing, space-inspired network of 20 tech pioneers
- 🔗 Dynamic connections that form based on proximity
- 🖱️ Interactive nodes with detailed tooltips
- 🌊 Ripple effects on interaction
- 📊 A “Network Strength” system that grows as you explore
💡 Why I Built This
“Why do we still need to ask ‘Where are the women in tech?’ in 2026?”
As a self-taught developer, I’ve always believed that:
- Tech should be accessible
- Stories should be visible
- Creativity should be expressive
🌠 The Concept: A Living Constellation
Instead of a timeline, I chose a cosmic metaphor.
Because these women didn’t just contribute to technology—
they expanded it.
🧠 Tech Stack
- p5.js
- Vanilla JavaScript
- HTML5 / CSS3
⚙️ Key Features
- Physics-based motion
- Dynamic connections
- Real-time controls
- Interactive tooltips
- Ripple effects
- Progressive visualization
🌍 Why This Matters
Representation in tech isn’t just about recognition—it’s about momentum.
🔮 What’s Next
- Timeline evolution
- AI-generated storytelling
- Community contributions
- Domain filtering
🤝 Open Source
MIT License — feel free to fork and build on it.
❤️ Final Thought
We don’t move forward alone.
Every breakthrough is part of a larger system.
Top comments (0)