Discrimination Experience Guessing Game

An interactive guessing game where players predict the percentage of people who have experienced discrimination across demographic groups with migration backgrounds.

Features

• Multi-step Survey: Interactive questionnaire with 4 demographic questions
• Guessing Game: Interactive sliders to guess discrimination percentages
• Data Visualization: Bubble chart comparing discrimination rates across groups
• Accuracy Scoring: Instant feedback on how accurate your guesses were
• Interactive Elements: Hover and click interactions for detailed insights
• Responsive Design: Adapts to different screen sizes
• Animated Transitions: Smooth animations between survey steps and visualizations

How to Play

1. Answer Survey Questions: Complete a 4-question survey about your experiences and background
2. Make Your Guesses: Use interactive sliders to predict the percentage of discrimination experienced by:
   • People with migration background
   • People without migration background
3. See Results: Compare your guesses with actual survey data and view your accuracy score
4. Learn Insights: Discover how discrimination rates vary across demographic groups

Data

The visualization uses data comparing discrimination experiences:

• With migration background: 41.9% experienced discrimination
• Without migration background: 25% experienced discrimination

Key Insight

People with a migration background experience discrimination at significantly higher rates compared to those without, highlighting systemic inequalities that need to be addressed.

Technologies

• React 19
• D3.js
• CSS3 Animations
• ES Modules