Fit Circle Bubble of BMW volume of sales with Hover

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.

97% match

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.

97% match

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.

96% match

Circle Bubble of BMW sales

An animated bubble chart displays BMW sales volumes from 2010 to 2024 for eleven car models across six world regions. Yearly transitions show sales evolving over time, with color-coded bubbles representing distinct models. Users can filter by country and model via checkboxes, pause or reset the animation, and hover for tooltips. Built with D3.js v7, it uses `d3.rollups` for data aggregation, `d3.csv` for loading CSV data, and SVG transitions driven by a JavaScript interval to animate between years on a scatter plot.

Circle Bubble of BMW sales

This animated bubble chart visualizes BMW sales volumes from 2010 to 2024 across selected countries and car models. A play/pause control and checkboxes let viewers filter by region and model while a year counter animates the timeline. The visualization uses D3 v7's `d3.csv` to load data, `d3.select` for DOM selection, and `d3.rollups` for grouping, rendering SVG bubbles whose size corresponds to sales figures.

Circle Bubble of BMW sales

New Circle Bubble of BMW sales

This animated bubble chart visualizes BMW sales volumes from 2010 to 2024, with each bubble representing a model-country pair and sized by total sales volume for the displayed year. An interactive timeline plays through years sequentially, while users can filter by region and model using checkboxes. The visualization uses D3 v7 to render SVG elements and a `d3.rollups` operation in `dataProcessor.js` to aggregate the CSV data across country, model, and year dimensions. Animated transitions update bubble positions and sizes as the year label changes.

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.