Skip to main content
SimilarExport ZIP
100%

Top 15 bike sales in 2019

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

This horizontal bar chart ranks the top 15 bike models by sales in rupees for 2019, using data loaded from a CSV file via `d3.csv`. It shows the sales value for each bike with red bars, and includes axis labels and a chart title. The visualization is rendered in SVG using D3 v5, with `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and customized `axisBottom` and `axisLeft` components, the former formatting tick labels with `format('.3s')`.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

MIT Licensed

Similar vizzes

Loading thumbnail…

line chart section 3

This line chart shows bike sales from 2013 to 2021, with the x-axis representing years and the y-axis representing sales values. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render an SVG path with red strokes, while CSV data is loaded via `csv()` and parsed with `d3.timeParse`. The visualization includes gridlines via tick sizes and axis labels for “years” and “sales.”

DDeekshithVemula
75% match
Loading thumbnail…

car sales in the year 2014

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.

Aabhi051197
75% match
Loading thumbnail…

Anv_ICE-6 Bar Graph

This bar chart displays the number of motorcycle models produced by each brand in India, based on CSV data fetched from a GitHub gist. The visualization uses React to manage state and render the SVG, while D3 v5 handles data loading, scales, and axes. Horizontal bars are drawn using D3’s `scaleBand` for the categorical brands and `scaleLinear` for the model counts, with gridlines and labeled axes. The code also incorporates custom padding and a title, presenting the data in a clean, readable layout.

AAnvesh Chinta
74% match
Loading thumbnail…

ICE 7-Q3 Ajay Polsani

This visualization displays bike sales in India from 2009 to 2019 using a line chart rendered with React and D3 v7. The line chart plots years on the x-axis using d3.scaleTime and sales numbers on the y-axis using d3.scaleLinear, with data loaded from a CSV file via d3.csv. The rendered SVG includes custom axes, a smoothed curve created with d3.line and curveBasis, and axis labels showing "Year" and "Number of Sales."

Aajayrao0
74% match
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
73% match
Loading thumbnail…

Online Sales

This visualization displays the number of purchases for the top fifteen revenue-generating brands in an online sales dataset, using a horizontal bar chart. The revenue totals appear on the y-axis, while purchase counts are mapped on the x-axis. Built with React and D3 v5, the chart uses `scaleBand` and `scaleLinear` for positioning, with SVG `rect` elements for bars and custom tick rendering. Data is loaded asynchronously from a CSV file via `d3.csv`, and the visualization includes blue grid lines to aid value comparison.

MManideeprenikindi
73% match
Loading thumbnail…

Fork of ICE-6 Sheshidhar reddy cars

This bar chart shows the top 10 car models by unit sales, with each bar's length proportionally scaled to the number of units sold. The visualization uses React and D3 v5, with the `csv` function fetching data from a GitHub-hosted CSV file and `scaleBand` and `scaleLinear` mapping the categorical car names and numeric unit counts to pixel coordinates. The SVG rendering draws blue rectangle bars, axis ticks, and labels, while the `max` function determines the x-axis domain. The page title "Top car sales" frames the chart for the viewer.

SSheshidharreddy
73% match
Loading thumbnail…

Fork of ICE-6 Sheshidhar reddy cars

This bar chart shows the top 10 car models by unit sales, with each bar's length proportionally scaled to the number of units sold. The visualization uses React and D3 v5, with the `csv` function fetching data from a GitHub-hosted CSV file and `scaleBand` and `scaleLinear` mapping the categorical car names and numeric unit counts to pixel coordinates. The SVG rendering draws blue rectangle bars, axis ticks, and labels, while the `max` function determines the x-axis domain. The page title "Top car sales" frames the chart for the viewer.

SSheshidharreddy
73% match