Modern Data Visualization Dashboard built with D3.js
Interactive • Responsive • Animated • Dark Mode
✨ Multi-chart dashboard
📊 Grouped Bar Chart
📈 Line Chart
🥧 Pie Chart
🎯 Interactive Filters (Year + Gender)
💡 Hover Tooltips
🎨 Dark UI
📱 Fully Responsive
.
├── d3-interactive-dashboard.html # ✅ Main dashboard
├── grouped-bar-multiaxis.html
├── mordern-d3-v6.html
├── multi-chart-d3-dashboard.html
│
└── resources/
└── data.jsonDataset file: resources/data.json
Each record in the dataset follows this structure:
{
"year": 2022,
"gender": "Male",
"region": "West",
"category": "Fashion",
"sales": 240,
"users": 180,
"revenue": 4800
}