Skip to main content
SimilarExport ZIP
100%

car sales in the year 2014

✓ Published0🌍 Public
Aabhi051197
Last edited Mar 8, 2022
Created on Mar 8, 2022

This example shows a horizontal bar chart ranking the top 10 car manufacturers by total sales in 2014. The chart uses blue, rectangular bars on a pink background, with manufacturer names listed along the vertical axis and sales values on the horizontal axis. The data comes from a CSV file, and the chart is rendered as an SVG using React and D3’s `scaleBand`, `scaleLinear`, `csv`, and `max` functions within a React component.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

carbrandsales

This horizontal bar chart displays the top ten car brands by 2016 sales, using React to render SVG elements and D3 scales for layout. The visualization loads CSV data via `d3.csv`, applies a linear scale for sales values, and a band scale for brand names. Orange rectangles represent each brand’s sales figures, with gridlines and tick labels generated from the x-axis scale. The chart focuses on comparing relative sales performance across brands in a single year.

Vvaddepallinaveen
86% 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
85% 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
83% 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
82% match
Loading thumbnail…

Bar Chart of Car Productions of the coutries

This example visualizes the top 10 car-producing countries in 2019 using a horizontal bar chart. The chart displays each country's total car production in units along the x-axis, with country names on the y-axis, and uses steelblue rectangles to represent the data values. The visualization is built with React and D3 v5, loading data from a CSV file via `d3.csv` and creating scales with `d3.scaleBand` and `d3.scaleLinear`. The SVG is rendered directly in the React component, with axes and tick marks generated manually using array mapping rather than D3 axis helpers.

KK V VINITHA
81% match
Loading thumbnail…

Bar chart

This bar chart displays the top 10 car-producing countries from 1950 to 2019, using horizontal bars to show the total number of cars produced by each nation. The visualization uses D3.js v5 within a React framework, rendering SVG elements through custom components like `AxisBottom`, `AxisLeft`, and `Marks` for the bars. Data is loaded from a CSV file via the `useData` hook and D3's `csv` parser. The x-axis employs a linear scale with formatted tick labels, while user interactivity is provided through native SVG tooltips showing the precise production values.

KK V VINITHA
81% match
Loading thumbnail…

Car Sales

This line chart shows car sales by year from 2013 to 2021, with the years on the x-axis and total sales on the y-axis. The SVG rendering uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator with data loaded via `csv` from a GitHub gist. The chart includes gridlines from tick marks, rotated axis labels, and a red path for the trend line.

JJyothicherukuri
79% match
Loading thumbnail…

Sales of top 10 cars

A 3D bar chart visualizes sales figures for ten car models across the USA, India, and the UK, with each country’s data in a separate stacked series. The chart uses Highcharts with the highcharts-3d module, applying a column series type, an isometric view with alpha and beta angles, and a depth setting for three-dimensional perspective. Data values for the USA include Tesla at 177 billion USD, while India and the UK have single entries. The code loads jQuery and Highcharts from CDNs, defining axes for car names and sales in billions of USD.

SSamanvitha1
79% match