Viewing a saved revision (read-only)
b839f1d338c6402a88da1fc6ef77aa5e
Umfrage
An interactive guessing game visualizes survey data on discrimination experiences across demographic groups, comparing user predictions with actual percentages. Participants adjust sliders to estimate rates, then view animated bubble charts using D3.js v7 and React that display the results with hover tooltips and comparative accuracy scoring. The visualization uses D3 scales and SVG rendering to represent data from a CSV file, showing that people with migration backgrounds report higher discrimination rates than those without.
AI-generated descriptionDiscrimination Experience Survey Visualization
An interactive survey visualization that explores experiences of discrimination across demographic groups with migration backgrounds.
Features
- Multi-step Survey: Interactive questionnaire with 4 key questions
- Data Visualization: Bubble chart comparing discrimination rates across groups
- 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
Data
The visualization uses data comparing discrimination experiences:
- With migration background: 41.9% experienced discrimination
- Without migration background: 25% experienced discrimination
Technologies
- React 19
- D3.js
- CSS3 Animations
- ES Modules