Skip to main content
SimilarExport ZIP
100%

Activity_Question-2

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

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.

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

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

Activity8-Task2

This stacked bar chart visualizes car performance metrics—horsepower, torque, and highway MPG—across seven car makes. Using D3 v7, it groups values per make into horizontal, color-coded segments on a linear scale up to 450. Tooltips reveal exact values on hover, while axes and labels clarify the categories. Data comes from an embedded CSV defining make and the three metrics.

Ssirichandana017@gmail.com
90% match
Loading thumbnail…

Question2

A stacked bar chart visualizes the distribution of horsepower, torque, and highway MPG metrics across 31 car makes, with each bar segmented to show the proportional contribution of each metric. The chart uses D3.js v7 with SVG rendering, employing `d3.stack()` to generate stacked series and `d3.scaleOrdinal` to assign colors. Hovering over a segment displays a tooltip showing the exact metric value formatted with `d3.format('.2f')`. The data comes from a CSV containing average specifications, with axes labeled "Value" and "Rating" for clarity.

Ttejaswiteju9811@gmail.com
90% match
Loading thumbnail…

Task-8(Question-2)

This visualization shows a horizontal stacked bar chart comparing three car attributes—horsepower, torque, and highway MPG—across 31 car makes. The data is loaded from a CSV file using d3.csv, and the stacked layout is created with d3.stack(). The x-axis uses a linear scale to represent cumulative values, while the y-axis uses d3.scaleBand for categorical car makes. Color encoding is applied via d3.scaleOrdinal with a defined range, and the chart includes an x-axis, y-axis labels, and a legend rendered in SVG.

Ttallurisaiteja96@gmail.com
90% match
Loading thumbnail…

Activity8_Task2_DV_LB_Q2.1

This stacked bar chart displays the efficiency of fourteen car makes by comparing their average horsepower, torque, and highway MPG values. The visualization uses D3.js version 7 to implement a horizontal stacked bar layout, where each make is a row and the three metrics are stacked segments. The data is loaded from a CSV file and processed with the `d3.stack()` API to create the cumulative bars. The chart includes interactive tooltips that display the exact numeric value for each metric segment when hovered, and uses a custom color scale to distinguish between the three efficiency metrics.

Llikithabaddam@my.unt.edu
89% 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…

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