Car Type Distribution

100%

Car Type Distribution

✓ Published0🌍 Public

Last edited Jul 23, 2023

Created on Jul 23, 2023

A stacked horizontal bar chart shows the proportional distribution of five car types—compact, midsize, large, SUV, and truck—across three brands, with each bar segmented by percentage. The visualization uses D3 v7’s `d3.stack` to compute stacked series, `d3.scaleBand` for brand categories, and `d3.scaleOrdinal` for color mapping. SVG rects render the segments, and mouseover tooltips display exact percentages. Data comes from a local CSV file, with axes and a legend generated via `d3.axisBottom` and manual legend elements.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

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

80% match

Loading thumbnail…

Car Sales

This stacked bar chart displays the percentage of movie ratings across six genres, showing how rating distributions differ by genre. Each horizontal bar is segmented by five rating categories from “below 5.0” to “above 8.5,” with hovering revealing exact percentages via a tooltip. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to generate SVG rectangles, with axes created through `d3.axisLeft()` and `d3.axisBottom()`. Data is loaded from a CSV file, and the dark theme is styled via external CSS.

MManideeprenikindi

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

77% match

Loading thumbnail…

Car Sales Donut Graph

This donut chart visualizes car sales by brand, showing the proportion of total vehicles sold for each manufacturer. The chart uses a categorical color scale with distinct hues for each brand, displays sales counts directly on larger segments, and includes an interactive legend listing brand names with corresponding color swatches. Built with D3 v7, the visualization loads car sales data from a CSV file and uses `d3.flatRollup`, `d3.pie`, and `d3.arc` to generate the donut geometry. Only brands with sales exceeding 1,000 units display their counts on the chart.

MManideeprenikindi

77% match

Loading thumbnail…

Car price

This example displays the distribution of movie ratings (below 5.0, 5.0-6.5, etc.) as a horizontal stacked bar chart across different genres. Each bar segment represents the percentage of ratings for that genre, with interactive tooltips revealing exact values on hover. The visualization is built using D3.js v7, leveraging `d3.stack`, `d3.scaleOrdinal`, and `d3.axisBottom` to process and render the data from a local CSV file. Color-coded legends identify each rating category, and the chart is rendered as SVG within a fixed canvas.

SSwapna1915

77% match

Loading thumbnail…

Bar Graph - ICE6

This bar graph visualizes car sales data for ten vehicle types, showing the number of units sold in 2021. The chart uses a vertical bar for each car type, with the height corresponding to its sales figure. The visualization is built with D3 v7, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and SVG rectangles for the bars. Data is loaded from a remote CSV file via `d3.csv` and rendered with axis labels for "Car Types" and "Sales".

RRahulbelede97@gmail.com

76% match

Loading thumbnail…

Stacked Bar Chart

This stacked bar chart displays the distribution of product categories—Formal, Casual, and Shoes—across four clothing brands. Each brand’s total value is segmented into three colored bars, with a legend identifying each category. The chart uses D3 v7’s `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `selectAll` to render the grouped rectangles as SVG. The dataset is hardcoded, and colors are assigned via an array of hex codes.

UUVarshaReddy

76% match

Loading thumbnail…

Fork of Bar chart with a Sequential color scale

This bar chart displays the average horsepower for seven car brands, sorted from lowest to highest, with each bar colored according to a sequential red color scale that encodes the horsepower value. The visualization loads data from a CSV file using d3.csv, binds it to SVG rectangles, and uses d3.scaleBand, d3.scaleLinear, and d3.scaleQuantize for positioning and color mapping. Interactive tooltips appear on mouseover, while d3.legendColor adds a legend, and axes are rendered with d3.axisBottom and d3.axisLeft.

SShishiraRudrabhatla

76% match