Viewing a saved revision (read-only)
d9ea262d48e543dc9e8ada756ecb7b9b
Fork of Blank Slate with Hot Reloading
This dashboard for a school's 2025 forecasted performance combines multiple interactive D3.js visualizations into one screen. It shows key statistics, a pie chart of subject performance, a bar chart of average grades by class, and an interactive piano that maps subjects to musical keys with color intensity reflecting grades. A schematic school floor plan positions classes using circle sizes for student population. The code uses D3's `rollup`, `scaleBand`, `scaleLinear`, `scaleOrdinal`, `pie`, `arc`, and TopoJSON for rendering.
AI-generated descriptionUS Airline Accidents Analysis (2025 Forecast)
This visualization presents a forecasted analysis of airline accidents in the United States for the year 2025. The dashboard provides multiple visualizations that help identify patterns and insights related to airline safety.
Visualizations Included
Key Statistics Panel: Provides an overview of the total accidents, injuries, and fatalities, along with most common accident phases and affected airlines.
Accident Types Distribution: A pie chart breaking down the different types of accidents that occurred.
Accidents by Airline: A bar chart showing which airlines had the most accidents.
Accident Geographic Distribution: A map visualization showing where accidents occurred across the US, with circle size indicating severity.
Data Notes
This visualization uses forecasted data for 2025 and is intended for demonstration purposes only. In a real-world scenario, this would be populated with actual historical data.
How to Use
- Hover over chart elements to see more details
- The map visualization provides tooltips with detailed information about each accident
- Analyze patterns across different airlines and accident types
Technologies Used
- D3.js for interactive visualizations
- JavaScript ES6
- TopoJSON for map rendering
Full course playlist: YouTube: Constructing Visualization 2024.