Fork of Car Sales Dateset

100%

Fork of Car Sales Dateset

✓ Published0🌍 Public

Last edited Mar 6, 2022

Created on Mar 6, 2022

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.

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

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.

RRyanYun0017

92% match

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

92% match

Loading thumbnail…

Fork of Fork of CarSelling-Bar Chart

This bar chart displays the relationship between car selling price in Indian rupees (INR) and manufacturing year, using data from a Kaggle vehicle dataset. The x-axis shows selling price in millions of INR, while the y-axis lists production years sorted in descending order. Built with React 16.9 and D3 v5, the visualization uses `d3.csv` to load data, `scaleLinear` and `scaleBand` for axes, and `d3.legendColor` for the categorical color legend. All marks render as SVG rectangles with light blue fill.

RRyanYun0017

82% match

Loading thumbnail…

Fork of Fork of line chart section 3

A line chart displays car sales data from India across the years 2013–2021, with year on the x-axis and total sales on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render an SVG path with red strokes. Data is loaded via `csv` from a GitHub Gist, with parsed years and numeric population values. Grid lines and axis labels are styled through CSS classes applied to the SVG elements.

Bbhargavarathod

81% match

Loading thumbnail…

Fork of Fork of Rahul-scatter

This example visualizes car sales across three years (2019–2021) as a responsive scatter plot, comparing 2021 sales on the x-axis against 2019 sales on the y-axis. The plot cycles through each year’s sales data every two seconds, updating the x-axis scale and circle positions accordingly. Using D3 v6, the code builds SVG circles and axes with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Data is loaded from a remote CSV via `d3.csv` and parsed with custom row logic. The visualization dynamically resizes to 80% of the viewport dimensions, with circles styled via the `join` pattern and animated through repeated `setInterval` calls.

Ppmbhupathibalu@gmail.com

81% match

Loading thumbnail…

Fork of Fork of line chart section 3

This visualization displays car sales data from 2013 to 2021 as a red line chart, with years on the x-axis and total sales on the y-axis. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render an SVG. Data is loaded from a CSV file hosted on GitHub, parsed with `csv`, and formatted by converting sales values to numbers and extracting years. Gridlines are drawn via tick sizes, and both axes include custom labels.

RRadhakrishna246

79% 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

79% match

Loading thumbnail…

Fork of CarSelling-Bar Chart

Cars are ranked by selling price in INR on the x-axis, against their production year on the y-axis, revealing how newer vehicles generally command higher resale values. The chart loads a CSV from a GitHub gist, parses numeric fields, and sorts rows by year descending before rendering. Built with React and D3 v5, it uses `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and a d3-legend color legend, drawing light-blue bars as SVG rects.

RRyanYun0017

79% match