Skip to main content
SimilarExport ZIP
100%

Fork of CarSelling-Bar Chart

✓ Published1🌍 Public
RRyanYun0017
Last edited Dec 4, 2021
Created on Sep 29, 2021

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.

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 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
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
85% 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
83% 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
81% 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
80% match
Loading thumbnail…

Fork of Fork of ICE-6:Sai Meghana

This bar chart displays the top 10 car prices from a CSV file, with each bar sized according to the car’s price. The chart uses React to build the user interface and D3.js to handle data loading, scaling, and rendering. The visualization’s axes and bars are constructed using D3’s `scaleBand`, `scaleLinear`, and `max` functions, drawing elements as SVG rectangles. The data is fetched from a remote CSV URL and the chart includes grid lines and tick labels for readability.

Eeravellisaimeghana
79% match
Loading thumbnail…

Fork of Fork of ICE-6:Sai Meghana

This bar chart displays the top 10 car prices from a CSV file, with each bar sized according to the car’s price. The chart uses React to build the user interface and D3.js to handle data loading, scaling, and rendering. The visualization’s axes and bars are constructed using D3’s `scaleBand`, `scaleLinear`, and `max` functions, drawing elements as SVG rectangles. The data is fetched from a remote CSV URL and the chart includes grid lines and tick labels for readability.

Eeravellisaimeghana
79% match
Loading thumbnail…

Fork of Fork of ICE-6:Sai Meghana

This bar chart displays the top 10 car prices from a CSV file, with each bar sized according to the car’s price. The chart uses React to build the user interface and D3.js to handle data loading, scaling, and rendering. The visualization’s axes and bars are constructed using D3’s `scaleBand`, `scaleLinear`, and `max` functions, drawing elements as SVG rectangles. The data is fetched from a remote CSV URL and the chart includes grid lines and tick labels for readability.

Eeravellisaimeghana
79% match