Skip to main content
SimilarExport ZIP
100%

Scatter Plot of BMW volume of sales with Hover

✓ Published1🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Oct 28, 2025
Created on Oct 28, 2025

This interactive scatter plot visualizes BMW sales volume across countries and models from 2010 to 2024. Each bubble represents a country-model combination, with x-position mapping to year, y-position to sales volume, bubble size encoding sales magnitude, and color indicating the BMW model type. The visualization includes country filter checkboxes that update the chart in real-time, and hovering over a bubble displays a tooltip with detailed information. Built with D3.js v7, the plot uses SVG rendering with d3.csv for data loading, d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, d3.axisLeft for grid lines, and interactive checkbox filtering.

AI-generated description

BMW Sales Visualization

This interactive visualization shows BMW sales data across different countries and models over the years. Each bubble represents a country-model combination, where:

  • The position on the X-axis shows the year
  • The position on the Y-axis shows sales volume
  • The size of the bubble represents the sales volume
  • The color of the bubble indicates the BMW model type

Features

  • Interactive bubbles with tooltips showing detailed information
  • Country filter checkboxes to focus on specific regions
  • Responsive design that updates in real-time when filters change

Data

The visualization uses BMW sales data from various regions including:

  • North America (USA)
  • South America (Brazil)
  • Europe (Germany)
  • Asia (China)
  • Africa (South Africa)
  • Middle East (UAE)

Each data point represents aggregated sales volume for a specific model in a country for a particular year.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fit Circle Bubble of BMW volume of sales with Hover

This interactive D3 visualization displays BMW sales volumes as an animated bubble chart, with each bubble representing a model-year combination colored by model and positioned by year and sales volume. The chart animates through years, updating bubbles by country, with hover tooltips and checkbox filters for regions. Using d3.scaleLinear, d3.scaleSqrt, d3.rollups, and d3.extent, it processes CSV data to show trends across 2010–2024. Playback controls pause and resume the animation, while the legend distinguishes eleven BMW models.

BBismark Kofi Owusu Sarfo
90% match
Loading thumbnail…

Fit Circle Bubble of BMW volume of sales with Hover

An animated bubble chart visualizes BMW sales volumes across global markets from 2010 to 2024, with bubble size encoding sales figures for each model and country pair. The visualization updates year by year, showing sales trends over time. Interactive hover tooltips reveal precise details, while checkboxes filter markets and clicking legend items isolates specific models. Built with D3 v7, the chart uses d3.rollups for data aggregation, d3.scaleSqrt for bubble sizing, and d3.csv for loading the dataset, with SVG rendering and smooth animations between years.

BBismark Kofi Owusu Sarfo
90% match
Loading thumbnail…

A Circle Bubble of BMW volume of sales with Hover

This animated bubble chart visualizes BMW sales volumes across global markets, plotting each model as a circle whose size reflects total sales for a given year. The visualization cycles through years from 2010 to 2024, with a large year label updating as the animation progresses. Users can toggle country filters via checkbox controls or pause the animation with a play/pause button. Built with D3.js v7, the chart uses `d3.rollups` for data aggregation, `d3.scaleSqrt` for bubble sizing, and SVG elements with animated transitions. Hovering over a bubble reveals detailed sales information via a tooltip.

BBismark Kofi Owusu Sarfo
90% match
Loading thumbnail…

New Circle Bubble of BMW volume of sales with Hover

This animated bubble chart visualizes BMW sales volumes across global markets from 2010 to 2024, with circles positioned by year and scaled by sales volume. The visualization cycles through years automatically, updates the large year display, and uses d3.rollups to aggregate the CSV data by country, model, and year. Hovering over bubbles reveals detailed tooltips, while checkboxes filter by market and clicking legend items highlights specific models. The implementation uses D3 v7 with SVG rendering, d3.scaleSqrt for bubble sizing, and d3.axis for the grid and axes.

BBismark Kofi Owusu Sarfo
89% match
Loading thumbnail…

Bar Chart of BMW volume of sales with Hover

This grouped bar chart displays BMW sales volume by year from 2010 to 2024, with bars segmented by six global regions mapped to representative countries. The visualization uses D3 v7 with an SVG rendering, employing `d3.rollups` to aggregate data from a CSV file and `d3.scaleBand` for each year’s sub-groups. Hovering reveals a tooltip showing detailed metrics, while the color-coded legend distinguishes regions that are dimmed when deselected.

BBismark Kofi Owusu Sarfo
88% match
Loading thumbnail…

Final Bar Chart of BMW volume of sales with Hover

This visualization shows BMW sales volumes from 2010–2024, aggregated by year and region, with each region mapped to a representative country. It uses a grouped bar chart rendered with D3.js v7 and SVG, where hovering over bars reveals tooltips with precise values. The chart employs d3.rollups for data aggregation, d3.scaleBand for x-positioning, and d3.scaleLinear for the y-axis. Data comes from a CSV file with fields like Model, Year, Region, and Sales_Volume.

BBismark Kofi Owusu Sarfo
88% match
Loading thumbnail…

BMW Sales Animation (2010-2024)

This animated bubble chart visualizes BMW model sales volumes across six global regions from 2010 to 2024. The visualization uses an SVG-based scatter plot where bubble size represents total sales volume, with each model assigned a distinct color and each region mapped to a representative country. Controls include checkboxes for filtering countries and models, plus play/pause and reset buttons. Built with D3 v7, the visualization uses `d3.rollups` for data aggregation, a linear animation interval for year progression, and smooth transitions for bubble movement and scaling.

BBismark Kofi Owusu Sarfo
87% match
Loading thumbnail…

Bar Chart of BMW volume of sales with Hover

This bar chart displays BMW sales volumes by region for 2022, using the `Sales_Volume` field from `data.csv`, aggregated via `d3.rollups`. Each bar is colored by its corresponding country, and hovering over a bar highlights it in black while dimming others, showing a tooltip with the exact sales figure. The visualization uses D3.js v7's SVG rendering, with scales created via `d3.scaleLinear` and `d3.scaleBand`, and interactive hover events implemented through D3's `.on('mouseover')` and `.on('mouseout')` handlers.

BBismark Kofi Owusu Sarfo
87% match