Fork of Fork of CarSelling-Bar Chart

100%

Fork of Fork of CarSelling-Bar Chart

✓ Published0🌍 Public

Last edited Dec 5, 2021

Created on Dec 4, 2021

Forked from 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.

AI-generated description

This is a bar chart about how the car's selling price corelated to it's producing year. The original dataset comes from Kaggle: Vehicle Dataset

This visualization shows The Github Gist: Car Selling Details

The XAxis represents the car's selling price in Indian currancy - INR The YAxis represents the producing year of a car in the dataset. This attribution is sorted from the original data.

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

A Bar Chart of the Car Seliing Details

This bar chart displays car selling prices (in millions of INR) against the car’s production year, with each bar’s length representing price and its vertical position corresponding to the year. The visualization uses D3 v5’s `scaleLinear` for the price axis and `scaleBand` for the year categories, with bars sorted by year in descending order. The `axisLeft` and `axisBottom` APIs label the axes, and the chart is rendered as an SVG using React, with data loaded from a CSV via `csv()` and preprocessed to convert prices to millions.

RRyanYun0017

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

82% match

Loading thumbnail…

Fork of Fork of CarSelling-Bar Chart

This bar chart visualization displays car selling data from a CSV file fetched via d3.csv from a GitHub gist. The chart is rendered as SVG within a React framework, using d3.v5 to parse and process the data. The visualization employs vega-lite and vega-tooltip libraries, registered through vega-lite-api, to enable interactive tooltips on hover. The page integrates vega and vega-lite scripts in the HTML head, with the SVG container set to 960x500 pixels, and the visualization is generated through a bundled JavaScript file that loads the dataset and applies the charting configuration.

RRyanYun0017

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

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…

Yearwise Car Sales Bar Chart

This D3.js v5 bar chart visualizes car sales figures for the year 1980 across different car makes, using a horizontal bar layout encoded with SVG rectangles. The chart employs `scaleBand` for the categorical y-axis of car brands and `scaleLinear` for the numeric x-axis of sales values, with sales data loaded from a CSV file hosted on GitHub. React manages the rendering pipeline, while the visualization includes formatted tick labels (using `format` to abbreviate large numbers) and tooltips that display the precise sales amount for each bar. The data is processed through a custom `useData` hook that converts the CSV's "1970" column into sales numbers.

HHemanthh81

78% match

Loading thumbnail…

Yearwise Car Sales Bar Chart

This bar chart displays 1980 car sales figures for various automobile makes, with each car brand listed along the y-axis and its corresponding sales value represented by the horizontal bar length. The visualization uses React with D3 v5, employing `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and custom axis components for rendering ticks and labels. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file, and SVG rectangles with tooltips display the values.

HHemanthh81

78% match