Built an interactive 3D Population Health Simulation with React.js and Three.js. Visualizes health equity and policy impact on diverse populations, incorporating economic dynamics like supply/demand and resource constraints. Features real-time statistical feedback and dynamic 3D representation. Demand is represented by the number of "At-Risk" and "Affected" spheres – the larger these groups, the higher the demand for health interventions. Supply is implicitly represented by the policies themselves (e.g., "Vaccination Campaign" or "Insulin Subsidy"). Applying a policy effectively increases the "supply" of beneficial interventions or improves access to resources for the population. The central blue cylinder can be conceptualized as a centralized, finite source of policy intervention capacity. When demand (unhealthy/at-risk population) is high, applying policies reduces it, reflecting supply meeting demand. the simulation implies a zero-sum aspect through policy choices and resource allocation. You select one policy at a time from a fixed set. This forces you to consider trade-offs: applying one policy means the resources/focus are directed there, potentially delaying or reducing impact on other areas or groups that a different policy might have addressed The overall success (win/lose conditions based on average access score) means improving one group's health access might come at the implicit expense of others if resources aren't optimally distributed, highlighting the challenge of finite resources and competing needs in public health. Engineered an interactive 3D environment using Three.js to represent a population (as colored spheres) and key infrastructure (central policy pillar). Populated the 3D scene with ~1000 individual agents (spheres), dynamically adjusting their count and appearance based on group parameters Engineered an interactive 3D environment using Three.js to represent a population (as colored spheres) and key infrastructure (central policy pillar).
Implemented OrbitControls for intuitive camera navigation (zoom, pan, rotate) within the 3D space.
Managed WebGLRenderer, Scene, Camera, Lighting (Ambient, Directional), and Shadow Mapping for realistic visual rendering.
Incorporated dynamic visual feedback where spheres representing unhealthy individuals exhibit a pulsing animation, enhancing user engagement and data representation