BMW Global Sales Distribution Visualization

BMW volume of sales on the World Map displaying key countries

This visualization displays BMW sales volumes across key world regions from 2010 to 2024 on an interactive world map. It uses a choropleth-like color scheme where countries are shaded based on aggregated sales data, but the code demonstrates a synthetic data-mapping approach: sales from each regional category (Asia, North America, Europe, South America) are evenly distributed across a predefined list of countries within those regions before being summed. The visualization is built with D3.js (v7) using the `d3.geoNaturalEarth1` projection and `d3.geoPath` to render country boundaries from TopoJSON. Hovering over a country triggers a tooltip, while the color scale uses custom thresholds to classify sales volumes into five distinct categories.

90% match

Global BMW volume of sales on the World Map

This interactive D3.js world map visualizes BMW sales volumes across countries from 2010 to 2024, using choropleth coloring to distinguish high, medium, and low sales categories. Users can filter countries by sales volume through a dropdown and highlight markets with significant 7 Series sales via a checkbox, which outlines those countries in red. Hovering reveals a tooltip with sales details and top models. The visualization uses `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering map features from the world-atlas TopoJSON, and processes synthetic sales data distributed across representative countries per region.

90% match

BMW volume of sales on the World Map

This world map visualization shows BMW sales volume by region, using color intensity on individual countries to represent total sales figures across six global regions. The map renders geographic boundaries as SVG paths via `d3.geoPath` with a `d3.geoNaturalEarth1` projection. Sales data from data.csv is aggregated per region with `d3.rollup`, then each country is colored according to its region’s total. Hovering highlights countries and a tooltip displays details, while a legend and subtitle clarify the regional color coding. The code relies on d3.v7 and topojson to load and project the world geometry.

88% match

BMW SALE World Map

This interactive world map shows BMW sales volumes across six continental regions, using proportionally sized circles whose areas scale with total sales. Hovering over a circle reveals the exact regional sales total in units, while each marker displays its volume in thousands. The visualization leverages D3.js, including `geoNaturalEarth1` projection and `geoPath`, to render the map from TopoJSON data, while the sales data is processed from a CSV file and aggregated by region using `d3.rollup` and `d3.sum`. Circle radii are determined by a square-root scale to accurately represent differences in volume.

86% match

Scatter Plot of BMW volume of sales with Hover

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.

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.

BMW World map sales

This stacked bar chart shows BMW sales volume by year, broken down across five regions (Asia, North America, Europe, South America, Middle East, and Africa), with regions color-coded and clickable to toggle their visibility by turning bars white. The visualization aggregates the CSV data using `d3.rollups` to sum `Sales_Volume` per year and region, then renders the result as stacked bars with `d3.stack`, scales via `d3.scaleBand` and `d3.scaleLinear`, and includes axes, grid lines, and an interactive legend for filtering regions.

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.