Car Sales Analysis

100%

Car Sales Analysis

✓ Published0🌍 Public

Last edited Mar 21, 2024

Created on Mar 19, 2024

Forked from CSV Dataset Template - Penguins

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.

AI-generated description

MIT Licensed

Similar vizzes

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…

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

81% match

Loading thumbnail…

Cars

A horizontal bar chart displays the average price of 2011 car models grouped by make, sorted from highest to lowest average price. The visualization uses D3 v7 with SVG rendering, loading data from a remote CSV file via d3.csv, then aggregating prices with d3.group and d3.mean. Bars are rendered as SVG rect elements with a cyan fill that transitions to orange on hover, supported by an interactive tooltip showing precise values. Axis labels and rotated tick text clarify the car make categories and price scale in euros.

AALIMINETI SPOORTHY REDDY

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

79% match

Loading thumbnail…

histogram

This example displays a bar chart of car prices by make, with price on the vertical axis and car manufacturers along the horizontal axis. It uses d3.csv to load automobile data from a GitHub gist, then scales and renders the bars using d3.scaleBand, d3.scaleLinear, and d3.axisBottom/d3.axisLeft. The visualization is drawn as an SVG within a React project, with rotated x-axis labels and a title, using d3.v6.

Iindushashi.g@gmail.com

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

79% match

Loading thumbnail…

Car Sales Bar Chart

This visualization displays car sales figures as a bar chart, with each brand represented by a vertical bar showing its last-year sales count on a linear scale. The chart includes rotated x-axis labels for readability and uses a teal color scheme for the bars. Built with D3.js v4 and React, the visualization creates an SVG graphic, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Data is loaded from a CSV file containing brand and sales information.

MManideeprenikindi

79% match

Loading thumbnail…

3D Bar chart with D3.js

This example visualizes the highest selling prices for various car models using a 3D bar chart. Built with D3.js v5, it renders an SVG with animated interactions. The chart maps car brand names to a categorical x-axis and selling price to a linear y-axis. Hovering over a bar triggers a mouseenter event, which fades the bar, draws a dashed horizontal limit line, and displays the price difference between the hovered car and all others. A mouseleave event restores the original opacity and removes these annotations. The data, loaded from a local CSV file, is encoded using `d3.scaleBand` and `d3.scaleLinear`, with axes and gridlines generated via `d3.axisBottom` and `d3.axisLeft`.

KKishen Patel

79% match