Viewing a saved revision (read-only)
566cbe966d924b8b97cf8a0d6f348304
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 descriptionGreen Meadow Elementary School Dashboard
This visualization presents an analysis of Green Meadow Elementary School's classrooms and student distribution. The dashboard offers multiple visualizations to help identify trends and understand the school structure.
Visualizations Included
School Statistics Panel: Provides an overview of total classes, total students, average scores, the largest grade level, and the top-performing class.
Student Grade Distribution: A pie chart breaking down the distribution of students across different grade levels in the school.
Number of Students by Class: A bar chart showcasing the number of students in each classroom.
School Campus Map: A map visualization displaying the layout of the school campus, with circle sizes indicating class sizes.
Data Notes
This visualization uses sample data for demonstration purposes only. In a real-world scenario, this would be populated with actual enrollment and performance data.
How to Use
- Hover over chart elements to see more details.
- The school map provides tooltips with detailed information about each classroom.
- Analyze patterns across different grade levels and class locations.
Technologies Used
- D3.js for interactive visualizations
- JavaScript ES6
- Color-coded visualization for easy grade level identification