Skip to main content
SimilarExport ZIP
100%

Activity-6(q2)

✓ Published1🌍 Public
Aaravapalliharika2002@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This stacked bar chart compares horsepower, torque, and highway fuel efficiency across 31 car manufacturers. The data is loaded from a CSV file and rendered as SVG using D3.js v7. The chart uses stacked segments to show the cumulative value of the three attributes for each manufacturer, with a color-coded legend. The y-axis represents the total sum, while rotated x-axis labels identify each brand. The visualization employs D3's `scaleBand`, `scaleLinear`, `scaleOrdinal`, and `stack` utilities, along with `axisBottom` and `axisLeft` for the axes.

AI-generated description

This stacked bar chart compares multiple attributes like horsepower, torque, highway_mpg across the car manufacturers.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This stacked bar chart compares horsepower, torque, and highway MPG across car manufacturers, showing how each performance metric contributes to a total value per make. The visualization uses D3.js v7 to create SVG bar segments via the `d3.stack()` function, with a color scale distinguishing metrics. Hovering over a bar segment triggers a tooltip displaying the exact metric value, while axis labels and a legend clarify the categorical comparison. The data originates from a CSV file, and the code uses `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis.

CCodeNinja
92% 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
91% match
Loading thumbnail…

Q2

This stacked horizontal bar chart displays the average values for horsepower, torque, and highway MPG across 27 car manufacturers. The chart uses D3 v7’s `d3.stack` and `d3.scaleOrdinal` to segment each manufacturer’s bar into three colored sections, with a legend identifying each attribute. Data is loaded from a local CSV file and rendered as SVG. The horizontal axis is scaled linearly, while the vertical axis lists car makes, with axis labels rotated for readability.

Nnsairitwikreddy@gmail.com
90% 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
90% match
Loading thumbnail…

Activity6_Question2

This example shows a horizontal stacked bar chart comparing car specifications—highway MPG, horsepower, and torque—across 31 manufacturers. The data is loaded from a local CSV file and rendered as SVG using D3 v7. The chart uses `d3.stack()` to aggregate the three numeric measures, `d3.scaleLinear()` for the x-axis, and `d3.scaleBand()` for manufacturer categories. Interactive tooltips display exact segment values on hover, and a color-coded legend distinguishes each specification.

JJayanth Reddy Sripathi
89% match
Loading thumbnail…

Activity_6_Task2_Q2

This stacked bar chart visualizes the distribution of horsepower, torque, and highway MPG across 31 car makes, using d3.stack with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. Each bar segment represents one attribute, colored via d3.scaleOrdinal, and hover interactions display the precise attribute value in a tooltip. The SVG renders data from a local CSV, with axes, labels, and gridlines styled using D3’s axis methods and external fonts.

Vvarmanithish5@gmail.com
89% match
Loading thumbnail…

Activity8_question-2

This stacked bar chart displays car brand performance ratings across three metrics: horsepower, torque, and highway MPG. The visualization uses D3.js v6 to render an SVG representation of 31 automotive brands sorted by horsepower values. The chart implements a linear y-scale for rating magnitudes and a band x-scale for categorical brand names. Each bar segment reveals a single metric value through the rectangular SVG elements, with the chart's data sourced from a local CSV file containing performance specifications.

HHarika Metta
89% match
Loading thumbnail…

Activity_Question-2

This example displays a stacked bar chart comparing three vehicle performance metrics—horsepower, torque, and highway MPG—across 31 car makes. The bars are sorted by increasing horsepower, revealing a trade-off between raw power and fuel efficiency. Built with D3 v7, the visualization uses a linear scale for the y-axis and a band scale for categorical x-axis values. Data comes from a CSV file containing average specifications per make, rendered as SVG `rect` elements with the `.bar` class.

Ttharunramula@gmail.com
88% match