Skip to main content
100%

Pre-Final BMW Global Sales Analytics Dashboard

✓ Published1🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Nov 14, 2025
Created on Nov 14, 2025

This interactive dashboard visualizes BMW global sales performance across multiple dimensions, including regional breakdowns, fuel type, transmission, and model-specific metrics. It presents summary cards with key statistics alongside a main stacked bar chart, followed by supporting charts for fuel type, transmission, and regional sales. Users can filter data by region and interact with charts through hover tooltips and legend filtering. The dashboard is built with D3.js v7, using SVG rendering for all visualizations, and reads data from a local CSV file.

AI-generated description

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

  1. Open index.html in a modern web browser
  2. Use the region selector to filter data by geographic location
  3. Interact with charts by hovering for tooltips
  4. Click on model names in the legend to filter data
  5. 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
MIT Licensed

Similar vizzes