Skip to main content
SimilarExport ZIP
100%

Activity6-ques2

✓ Published0🌍 Public
Kkbhavithareddy06@gmail.com
Last edited Apr 5, 2025
Created on Apr 5, 2025
Forked from Hello VizHub

This stacked bar chart visualizes the distribution of electric vehicle ranges across five car brands using data from ElectricCarData_Clean.csv. Each horizontal bar represents a brand, segmented into five color-coded range bins, from below 200 km to above 500 km. The visualization uses D3.js v7 to process the data, calculate proportional bin frequencies, and render the SVG with scales from `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal`. The chart includes axes with percentage tick formatting via `d3.axisBottom` and a legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_ques4

This interactive bubble chart compares electric vehicle range across five car brands using a dataset of 25 vehicles. The visualization maps brands on a categorical x-axis using `d3.scalePoint` and range in kilometers on a linear y-axis, with circle sizes scaled by `d3.scaleSqrt`. SVG circles are colored by brand via `d3.scaleOrdinal`, and hover interactions trigger a styled tooltip displaying brand and exact range. The chart includes labeled axes, a color-coded legend, and data loaded asynchronously from a CSV file through `d3.csv`.

Kkbhavithareddy06@gmail.com
90% match
Loading thumbnail…

ACTIVITY6_Ques3

This scatter plot visualizes the range in kilometers for electric vehicles from five brands (Tesla, BMW, Nissan, Kia, Hyundai) using a categorical x-axis and linear y-axis. Each car is represented by a distinct symbol (circle, square, triangle, diamond, cross) and color per brand, showing the distribution of ranges across brands. The visualization is built with D3 v7, using d3.scalePoint for the categorical positioning, d3.scaleLinear for the range axis, and d3.symbol to generate the custom glyphs. Data comes from the uploaded ElectricCarData_Clean.csv file, rendered as SVG elements within a static HTML page.

Kkbhavithareddy06@gmail.com
87% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart visualizes the normalized proportions of horsepower, torque, and highway MPG for 31 car brands, showing how each metric contributes to a total value of 100% per make. The code uses d3.stack() to compute the layered segments, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the proportional x-axis. Data is embedded directly in the script and rendered as SVG rectangles, with a legend and percentage-formatted axis ticks.

Ddabbararakshitha@gmail.com
83% match
Loading thumbnail…

Activity-6 Q2

This stacked bar chart visualizes car sales distribution across five manufacturers, showing the percentage of cars sold in each price range (below 100, 100-200, 200-300, 300-400, above 400). Each horizontal bar represents a manufacturer, segmented into colored sections for each price bracket. Hovering over any segment displays a tooltip with the precise sales percentage. The visualization uses D3.js v7 with `d3.stack()`, `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.scaleOrdinal()` to create the chart, which is rendered as SVG.

Hharshaps15@gmail.com
83% match
Loading thumbnail…

Activity6_Q2

A stacked bar chart displays quarterly sales figures for five car brands—Tesla, Toyota, Ford, BMW, and Mercedes—from Q1 2022 through Q2 2024. The chart is rendered as SVG using D3 v7, with each brand represented by a distinct color from the Tableau10 palette. The code loads data from a CSV file via `d3.csv`, stacks the series using `d3.stack`, and uses `d3.scaleBand` and `d3.scaleLinear` to position bars. Individual segment values are labeled above each bar, with axes and a legend generated by D3’s axis and legend utilities.

TTarshit Vupperla
83% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart compares car performance by manufacturer, breaking down horsepower, torque, and highway MPG into color-coded segments along a horizontal axis. It loads CSV data via D3 v7, uses `d3.stack()`, `d3.scaleBand()`, `d3.scaleLinear()`, and `d3.axisBottom()` to render SVG bars, and includes interactive tooltips on mouseover for metric values. A legend maps the three metrics to distinct colors.

SSahithi.R
82% match
Loading thumbnail…

Activity6_Question2

This example shows the revenue distribution of electric vehicle manufacturers from 2018 to 2021 using a stacked bar chart. The chart uses D3 v7 to load data from a CSV file and render SVG elements, with `d3.stack()` to create stacked series and `d3.scaleOrdinal()` for color mapping. Revenue values are displayed along a linear scale, while manufacturers are positioned on a band scale. The visualization includes axes, bold labels, and a legend to distinguish the four years.

PPreethi Medepalli-91
81% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart displays car specifications—horsepower, torque, and highway mpg—for five vehicle makes, using d3.stack to compose the horizontal segments. Each bar’s segments are colored via d3.scaleOrdinal, with an x-axis linear scale and a y-axis band scale. The SVG rendering includes mouseover tooltips that show exact values, while the legend identifies each specification. Data comes from an inline CSV array within the code.

Ssahithigovindaraju@my.unt.edu
81% match