Viewing a saved revision (read-only)
13630ebcce25458194bfa6e8da81af3f
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 descriptionCroskate Mall Analysis Dashboard
This visualization presents a forecasted analysis of Croskate Mall's store performance across various locations for the year 2025. The dashboard offers multiple visualizations to help identify trends, popular store categories, and revenue patterns.
Visualizations Included
Key Statistics Panel: Provides an overview of total stores, total revenue, and the most popular categories and highest-performing stores.
Store Categories Distribution: A pie chart breaking down the distribution of different store categories in the mall.
Revenue by Store: A bar chart showcasing which stores achieved the highest revenue.
Mall Floor Plan: A map visualization displaying the layout of the mall, with circle sizes indicating revenue volume.
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 sales and location data.
How to Use
- Hover over chart elements to see more details.
- The mall map provides tooltips with detailed information about each store's performance.
- Analyze patterns across different categories and store locations.
Technologies Used
- D3.js for interactive visualizations
- JavaScript ES6
- TopoJSON for map rendering