Skip to main content
SimilarExport ZIP
100%

Activity6_Question2

✓ Published0🌍 Public
JJayanth Reddy Sripathi
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity6_Task2

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.

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…

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…

activity6_question2.1

This stacked bar chart displays car specifications—horsepower, torque, and highway mpg—for manufacturers like Scion, Kia, and Ferrari. Each horizontal bar uses segments scaled by value, with a legend mapping colors to specifications. The visualization is built with D3 v7, using d3.stack() to aggregate data and d3.scaleOrdinal() for colors. Hovering over segments dims them and a tooltip shows exact values. Data comes from the included data.csv file and renders as SVG.

Nnishwitha.1032@gmail.com
89% match
Loading thumbnail…

Activity-6(q2)

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.

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

Activity6_Q2

A stacked bar chart compares car makes by three metrics: horsepower, torque, and highway MPG. Each horizontal bar is segmented by metric, with a color scale distinguishing them and a legend implied by the colors. The visualization loads CSV data via `d3.csv` and uses `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to construct the SVG rendering. Interactive tooltips display the metric value on hover, using mouse events and a styled div.

Ssaiteja.cse.rymec@gmail.com
89% 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
89% match
Loading thumbnail…

task2_question3

This stacked bar chart shows how horsepower, torque, and highway MPG values contribute to the total specifications for each car manufacturer, with each bar segment colored by specification type. The visualization uses d3.stack() to compute the stacked series, d3.scaleLinear and d3.scaleBand for positioning, and built-in SVG mouse events with a tooltip to display exact segment values on hover. A legend identifies the three color-coded specifications, while the x-axis represents the cumulative value scale. Data comes from a CSV file loaded directly into the d3.v7 environment.

VVrushikaKanaparthy@my.unt.edu
88% 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
88% match