Skip to main content
SimilarExport ZIP
100%

ScatterPlot

✓ Published0🌍 Public
GGorantla Vishnusai
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from ScatterPlot

This scatter plot visualizes the relationship between BMW sales and price, with each point representing a model. The code loads data from a CSV file and maps sales to the x-axis and price to the y-axis using d3.scaleLinear. Rendered as SVG circles with hover effects, the chart displays axes via d3.axisBottom and d3.axisLeft, and includes text labels for both dimensions. The visualization uses D3 v7 and applies CSS styling for dot appearance.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with D3 BMW

This interactive scatter plot visualizes BMW car models by regional sales volume and average price. It uses D3.js v7 vith the d3-rosetta utility library for unidirectional data flow, rendering circles whose colors encode car models. Hovering over a data point or a legend item highlights all points for that model with a black stroke. The visualization displays a categorical color legend and loads synthetic static data from a local module after a simulated delay.

BBismark Kofi Owusu Sarfo
88% match
Loading thumbnail…

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.

BBismark Kofi Owusu Sarfo
85% match
Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes BMW engine size versus price for model years 2010–2024, with each point colored by fuel type. The D3.js v7 code loads data from a CSV file and uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `schemeTableau10` for fuel type colors, and `d3.axisBottom` and `d3.axisLeft` for chart axes. The SVG rendering includes axis labels, a title, and a legend generated from the color domain.

Ssaiabhishekmunnangi@gmail.com
84% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the correlation between horsepower and torque for BMW models from 2009 to 2012, using data loaded from an external CSV file. The visualization includes labeled axes, a chart title, and interactive tooltips that reveal each point's horsepower value on hover. Built with D3.js v4, the example uses `d3.scaleLinear` for axis scaling, `d3.axisBottom` and `d3.axisLeft` for tick marks, and SVG circles with mouse event handlers for the interactive data points.

Ddriftcafe
83% match
Loading thumbnail…

BMW Global Sales Analytics Dashboard

This dashboard visualizes BMW sales data across models, regions, and years using interactive D3.js charts. It shows summary metrics, sales insights, a main scatter plot, regional sales trends, and average price trends, all filterable by region through a dropdown selector. The code builds SVG visualizations with d3.csv, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft, while tooltips and legend interactions update dynamically. Data comes from data.csv, with shared state management enabling coordinated updates across all chart elements.

BBismark Kofi Owusu Sarfo
83% match
Loading thumbnail…

ICE 7 scatter plot

This animated scatter plot visualizes BMW car sales data, mapping four quantitative attributes—Engine Size, Mileage, Price, and Sales Volume—against each other on dynamic axes. The visualization cycles the x-axis variable every three seconds, using D3.js v6 modules including `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `schemeCategory10` for coloring. Data points are rendered as SVG symbols (`symbolCircle`, `symbolDiamond`, `symbolTriangle`, `symbolSquare`) representing fuel types, which are also displayed in a separate legend. The chart updates smoothly via setInterval, re-calling the reusable scatter plot component with new mappings while preserving the y-axis and color encoding.

Aadithiarikatla@gmail.com
82% match
Loading thumbnail…

BMW Global Sales Analytics Dashboard

This dashboard visualizes BMW sales data from a CSV file, presenting summary cards, insights, and multi-chart analysis. It uses D3 v7’s `d3.csv` to load data, with a region selector filtering a main scatterplot and secondary line charts for sales trends and average prices. Animations and a tooltip support interactive exploration. SVG rendering and D3’s scale functions like `d3.scaleLinear` and `d3.scaleBand` unify the visual presentation.

BBismark Kofi Owusu Sarfo
82% match
Loading thumbnail…

Barchart

This bar chart visualizes BMW sales figures by model, using a static, vertical bar layout. Built with D3.js v7, the chart loads data from a CSV file via `d3.csv`, converts the sales values from strings to numbers, and renders the bars as SVG rectangles. The visualization includes a band scale for the categorical x-axis (`d3.scaleBand`) and a linear scale (`d3.scaleLinear`) for the y-axis, with axes generated using `d3.axisBottom` and `d3.axisLeft`. Hovering over a bar changes its fill from steel blue to orange.

GGorantla Vishnusai
82% match