BMW Sales Dashboard
A comprehensive, interactive visualization dashboard for BMW
sales data using D3.js and HTML5.
Features
Regional Filtering: Select specific regions or view
global data
Summary Metrics: Total sales volume, average price,
model count, and revenue
Multiple Visualizations:
- Stacked bar chart by year and model
- Fuel type sales comparison
- Transmission type analysis
- Regional sales breakdown
- Top models by sales volume
- Average price by model
- Sales classification distribution (pie chart)
- Sales trends over time (line chart)
- Color preference analysis
Interactive Elements:
- Hover tooltips for detailed information
- Model filtering through legend interaction
- Responsive design for mobile and desktop
- Smooth animations and transitions
File Structure
index.html - Main HTML file with styling and layout
script.js - D3.js visualization logic and data
processing
data.csv - BMW sales dataset with vehicle details
README.md - Documentation
Usage
- Open
index.html in a modern web browser
- Use the region selector to filter data by geographic
location
- Interact with charts by hovering for tooltips
- Click on model names in the legend to filter data
- All visualizations update dynamically
Data Columns
- Model: BMW model name
- Year: Production/sale year
- Region: Geographic region
- Color: Vehicle color
- Fuel_Type: Type of fuel (Petrol, Diesel, Hybrid,
Electric)
- Transmission: Manual or Automatic
- Engine_Size_L: Engine displacement in liters
- Mileage_KM: Vehicle mileage in kilometers
- Price_USD: Selling price in USD
- Sales_Volume: Number of units sold
- Sales_Classification: High or Low sales performance
Browser Compatibility
- Chrome/Chromium (recommended)
- Firefox
- Safari
- Edge
Dependencies
- D3.js v7 (loaded from CDN)
Notes
- All charts are responsive and adapt to screen size
- Tooltip positioning is optimized to stay within viewport
- Performance optimized for datasets up to 10,000+ records
- All currency values displayed in USD