Skip to main content
SimilarExport ZIP
100%

Activity-6-Question-2

✓ Published0🌍 Public
Pphanisrivinnakota@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Hello VizHub

This example uses a diverging stacked bar chart to display the breakdown of vehicle types by torque and horsepower. The chart renders as horizontal bars for each vehicle make, with segments colored by rating category. The visualization uses D3 v7 APIs including `d3.stack`, `d3.scaleOrdinal`, and `d3.scaleBand` to construct the layout. Hover interactions reveal precise percentage values via a tooltip. Data comes from a CSV file containing make, horsepower, torque, and highway MPG values, which are transformed into stacked proportions for each bar.

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…

Activity 6_Question2

This visualization presents a stacked bar chart comparing the horsepower and torque values for different car makes, with each bar segmented by these two attributes. The chart uses a categorical color scale to distinguish horsepower from torque, and the hover interaction reveals the specific value for each segment. Built with D3.js v7, the code loads data from the Iris.csv file, applies a linear scale for the value axis, and a band scale for the categorical makes. Tooltips are implemented using D3’s selection and event handling to display detailed information on mouseover.

MMonish Galla
88% 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
Loading thumbnail…

Activity 6 Question 3

This stacked bar chart visualizes car makes by their aggregated ratings in horsepower, torque, and highway MPG. Each bar is segmented by color to represent the contribution of each metric, with tooltips displaying the exact values. Built with D3 v7, it uses `d3.stack()` to process the CSV data and `d3.scaleOrdinal()` for color mapping, while axes and labels are rendered via `d3.axisLeft` and `d3.axisBottom`.

Aabjalshaik02@gmail.com
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
Loading thumbnail…

Activity6 Question2

A stacked bar chart displays the normalized proportions of horsepower, torque, and highway MPG for six car makes, with each bar summing to 100%. The x-axis uses percentage formatting, and a categorical color legend identifies the three metrics. Built with D3 v7, the chart uses `d3.stack()` to compute stacked series, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the numeric x-axis. Data is loaded from an inline array derived from the provided CSV, and SVG rectangles render each segment.

Kkoushikkumarreddykoorapati@my.unt.edu
87% 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
87% 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
86% 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
86% match