Social-Ecological Model — Interactive Concentric Levels¶
Specification¶
The full specification below is extracted from Chapter 7: "Social and Behavioral Health".
Type: microsim
**sim-id:** social-ecological-model<br/>
**Library:** p5.js<br/>
**Status:** Specified
Interactive concentric-circle diagram showing the Social-Ecological Model. Five rings radiating outward from center: (1) Individual (innermost, dark teal) — biological and psychological factors, knowledge, attitudes, skills; (2) Interpersonal (blue) — family, friends, peer networks, social support; (3) Organizational (green) — institutions, workplaces, schools, faith communities; (4) Community (yellow-orange) — social norms, built environment, local media; (5) Societal/Policy (red, outermost) — laws, regulations, economic policies, cultural norms. Each ring is clickable. Clicking a ring highlights it with a glow effect and opens a panel at the right showing: (1) level name and definition, (2) an example health determinant at that level, (3) an example intervention targeting that level. A behavior dropdown at the top allows selection of one of three example behaviors: physical activity, healthy eating, or safe sex. The intervention examples update to match the selected behavior. An "All Levels" button highlights all rings simultaneously and displays the message: "Effective behavior change requires all levels working together."