Export Code

Fork of Blank Slate with Hot Reloading

Nita

Last edited Mar 03, 2025
Created on Mar 02, 2025

School Performance Dashboard

This visualization presents a forecasted analysis of our school's class performance across various departments for the year 2025. The dashboard offers multiple visualizations to help identify trends i

Visualizations Included

  1. Key Statistics Panel: Provides an overview of total classes, total students, average grades, and the most popular subjects and highest-performing classes.

  2. Subject Performance Distribution: A pie chart breaking down the performance distribution across different subject areas in the school.

  3. Average Grade by Class: A bar chart showcasing which classes achieved the highest average grades.

  4. Performance Piano Visualization: An interactive piano that maps subject performance to musical keys, with color intensity reflecting average grades.

  5. School Floor Plan: A map visualization displaying the layout of the school, with circle sizes indicating student population and performance.

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 enrollment and performance data.

How to Use

  • Hover over chart elements to see more details.
  • The piano visualization maps subjects to piano keys, with brighter colors representing higher grades.
  • The school map provides tooltips with detailed information about each class's performance.
  • Analyze patterns across different subjects and class locations.

Technologies Used

  • D3.js for interactive visualizations
  • JavaScript ES6
  • TopoJSON for map rendering
MIT Licensed