HomeEducation & Learning ToolsDesign Thinking Simulator

Design Thinking Simulator

Interactive 3D design-thinking simulator: watch ideas diverge from a problem core during brainstorming, then converge and get tested against a central prototype, with brainstorm rate, convergence strength and cycle speed all tunable in real time.

Education & Learning Tools3DEasy60 FPS
design-thinking ↗ Open standalone

Design thinking moves through four stages — empathize, define, ideate, and prototype & test — cycling between divergent thinking (generating many possibilities) and convergent thinking (narrowing them down). This simulator visualizes that rhythm directly: user personas light up during empathy research, a problem ring pulses as the challenge gets defined, idea particles burst outward from the core during ideation, and during prototype & test those surviving ideas get pulled back toward a central prototype and scored — the strongest join a golden ring of validated ideas while the rest fade away. Adjust brainstorm rate, convergence strength and cycle speed to see how each reshapes the balance between divergence and convergence.

⚙ Under the hood

Interactive 3D model of the design-thinking cycle: watch ideas diverge from a problem core during brainstorming, then converge and get tested against a central prototype, with brainstorm rate, convergence strength and cycle speed all tunable in real time.

Three.jsdesign-thinkingux-designbrainstormingprototypingeducation

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)