Car Sales Dateset

100%

Car Sales Dateset

✓ Published3🌍 Public

Last edited Oct 13, 2021

Created on Sep 15, 2021

A D3.js scatter plot visualizes the relationship between mileage and selling price for used cars, with each circle representing a vehicle and its color indicating the number of previous owners. The plot maps kilometers driven on the x-axis and selling price in millions of Indian Rupees on the y-axis. The code uses d3.csv to load car details, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render tick marks. Circles are appended as SVG elements with fill-opacity to show overlapping points, and the chart fills the browser window.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the The car details dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Car Sales Dateset

This scatter plot displays the relationship between kilometers driven and selling price for used cars, with points colored by ownership status (first, second, third, or other owner). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and `csv` to load the CarDetails dataset. Circle elements are appended with varying fill colors and opacity to distinguish ownership categories, while labeled axes indicate mileage in thousands of kilometers and selling price in millions of Indian rupees.

SShishiraRudrabhatla

94% match

Loading thumbnail…

Fork of Car Sales Dateset

This scatter plot visualizes a car sales dataset, showing the relationship between mileage (in thousands of kilometers) and selling price (in millions of Indian Rupees). Each circle represents a car, with its color indicating ownership history—red for first owners, blue for second, green for third, and black for others. The visualization uses D3 v6’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to load data from a GitHub Gist and render an SVG. Data points are drawn as semi-transparent circles with a fixed radius, and axes are labeled with custom text.

Ssaivinay143

92% match

Loading thumbnail…

Car Sales Analysis

This example visualizes car sales data using D3.js with two coordinated charts. A histogram displays the distribution of car prices with ten bins, using steel-blue bars and labeled axes for price and frequency. Below it, a scatter plot shows the relationship between car price and annual income for the first 50 records, with points colored by gender and a categorical legend. Both charts share the same underlying CSV dataset, providing complementary views of the data. The histogram reveals the overall price distribution shape, while the scatter plot explores correlations between price and buyer income, with gender encoding through color. The visualization is rendered entirely with SVG for crisp, scalable output.

Yynagurvali786@gmail.com

81% match

Loading thumbnail…

Car sale Analyis

This interactive 3D scatter plot visualizes car sales data across three consecutive years (year20, year21, year22) as points in three-dimensional space. Each marker’s position corresponds to a vehicle’s metrics in those years, colored blue with black outlines and 0.8 opacity. The visualization uses the Plotly JavaScript library (via `plotly-2.9.0.min.js`) and loads CSV data through d3.csv from a GitHub gist. The code defines a scatter3d trace with explicit axis titles, then renders it into a div using `Plotly.newPlot`.

Hharika-1929

81% match

Loading thumbnail…

p

This example shows a line chart of car sales in India from 2009 to 2019, with sales on the y-axis and years on the x-axis. Using d3.scaleTime and d3.scaleLinear, the chart maps the data points and renders an SVG path via d3.line. The axes are generated with d3.axisBottom and d3.axisLeft, featuring grid lines and red tick labels. Data is loaded from a CSV file, parsed with d3.csv, with year values reformatted using d3.timeParse.

Ppreethamkesa

79% match

Loading thumbnail…

3D Scatter

This 3D scatter plot visualizes used car data, showing two series of markers that map selling price against kilometers driven, with the z-axis comparing mileage for one series and maximum power for the other. The visualization uses Plotly.js to render the interactive scatter3d plots and D3.js to load and parse the CSV data from a GitHub gist, with styling applied through HTML and CSS.

RRaajithaSabbineni

79% match

Loading thumbnail…

Area Chart

This area chart visualizes car sales in India from 2009 to 2019. Using D3 v5, it renders an SVG with a smoothed line and a pink filled area beneath it, showing the sales trend over time. The code loads CSV data, parses dates, and uses `d3.scaleTime` and `d3.scaleLinear` for the axes. It employs `d3.line`, `d3.area`, and `d3.curveBasis` to generate the paths, with styled tick marks and axis labels from `d3.axisBottom` and `d3.axisLeft`.

Ppavankalyan1507

79% match

Loading thumbnail…

Cars Scatter Plot with D3.js

This scatter plot visualizes the relationship between miles per gallon and model year for a dataset of cars. The visualization uses red, semi-transparent circles to represent individual vehicles, with axes labeled for MPG and Year. The code leverages D3.js v7 functions including `csv` for data loading, `scaleLinear` for scaling, and `axisBottom`/`axisLeft` for axis generation. The SVG rendering includes grid lines, axis labels, and a title, with data parsed from an external CSV file.

CCarloWK1202

78% match