Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task2

✓ Published0🌍 Public
IILYAS AHMED
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Activity6_Task2

This horizontally stacked bar chart displays average horsepower, torque, and highway MPG by car make, using a color-coded segment for each spec. The data is loaded from a CSV file and rendered as SVG rectangles via `d3.stack()`, with `d3.scaleBand` and `d3.scaleLinear` handling the axes. UI text uses custom fonts, and the visualization includes axis labels and a title.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task2

This horizontally stacked bar chart displays average horsepower, torque, and highway MPG by car make, using a color-coded segment for each spec. The data is loaded from a CSV file and rendered as SVG rectangles via `d3.stack()`, with `d3.scaleBand` and `d3.scaleLinear` handling the axes. UI text uses custom fonts, and the visualization includes axis labels and a title.

IILYAS AHMED
100% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart displays the average horsepower, torque, and highway MPG for various car makes, sorted by total value. The chart uses a horizontal layout with segments colored in shades of orange to represent each specification. It is built with D3 v7 and renders as an SVG, employing `d3.stack()` for the stacked data transformation, `d3.scaleOrdinal` for color mapping, and `d3.axisBottom` and `d3.axisLeft` for axes. The data is loaded from a CSV file and processed with numeric conversion.

Rrahman.mehmood2002@gmail.com
92% match
Loading thumbnail…

Fork of Activity_6_task_2_3

This stacked bar chart displays car make ratings across three metrics: horsepower, torque, and highway MPG. It uses d3.stack() to prepare the data and d3.scaleOrdinal() for color coding. The chart renders in SVG with axes generated using d3.axisLeft() and d3.axisBottom(), and includes interactive tooltips that appear on mouseover, showing metric values. Data is loaded from the bubblechart.csv file via d3.csv().

Lleelakrishnadivi7@gmail.com
90% 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…

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…

Fork of Task6_Part3

This stacked bar chart visualizes the impact of car make on three metrics—horsepower, torque, and highway MPG—by stacking the values for each make. Hovering over a bar segment displays a tooltip with the exact value for that metric. The visualization uses D3.js v6 with SVG rendering and includes a color-coded interactive legend. Bars animate from zero to their final height on load using D3’s transition system, while axes are drawn with `d3.axisBottom` and `d3.axisLeft` from data loaded via `d3.csv`.

Ppravallikaratankanthkatragadda@my.unt.edu
88% match
Loading thumbnail…

Fork of Activity6_q3

This stacked bar chart visualizes car make ratings by comparing three metrics—horsepower, torque, and highway MPG—for each brand. Using d3.stack and d3.scaleBand, the horizontal bars aggregate total ratings per make, with color-coded segments for each metric. Interactive tooltips display exact values on mouseover. The chart loads data from a CSV file, leveraging D3 v7's d3.csv and scaleOrdinal for consistent color mapping.

Aabjalshaik02@gmail.com
88% match
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
88% match