Skip to main content
SimilarExport ZIP
100%

Fork of Activity_6_task_2_3

✓ Published0🌍 Public
Lleelakrishnadivi7@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity_6_task_2

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().

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…

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

Activity6_q3

This stacked bar chart displays the total ratings for different car makes, broken down into horsepower, torque, and highway MPG segments. Using the d3.stack() function and d3.scaleOrdinal for color encoding, the chart renders in SVG format. The d3.scaleBand and d3.scaleLinear axes position the bars, while mouseover events trigger a tooltip showing the individual metric values. Data comes from the bubblechart.csv file, loaded via d3.csv.

Jjahnavigummadi@my.unt.edu
91% match
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
90% match
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
90% match
Loading thumbnail…

Activity6_Q_3

This stacked bar chart displays the combined ratings of horsepower, torque, and highway MPG for various car makes, with each make represented as a horizontal bar segmented by metric. Built with D3 v7, the visualization uses `d3.stack()` to prepare the data and a `d3.scaleOrdinal()` color scale to distinguish the three metrics. Tooltips appear on mouseover, showing the specific metric value for each segment. The data is loaded from a local `bubblechart.csv` file and rendered as SVG.

Aadapasaidivya99@gmail.com
90% match
Loading thumbnail…

Fork of Activity_6_Task2_Q2.3

A bubble chart renders car brand data as horizontal stacked bars, with each bar segmented by attribute (horsepower, torque, and highway MPG). The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `scaleOrdinal`, and `stack` APIs to position and color the segments. Data is loaded from a local CSV file, and the SVG output includes interactive tooltips. The chart is implemented directly in an HTML page with embedded JavaScript, applying a custom color palette and formatting values to two decimal places.

Pparvathi829790@gmail.com
90% match
Loading thumbnail…

Fork of Activity6_Task4

This bubble chart uses D3 v7 (SVG and animation) to visualize the correlation between average horsepower, torque, and highway MPG for 32 car makes. Each circle’s position encodes horsepower and torque, while its radius scales with highway MPG, and color distinguishes car brands, as shown in the legend. The `d3.scaleLinear` and `d3.scaleOrdinal` functions map data to sizes and colors, with tooltips revealing the car make on hover.

Sshivakumarganji@my.unt.edu
90% match
Loading thumbnail…

Act6_Task2

This stacked bar chart visualizes the impact of car make on average values for horsepower, torque, and highway MPG. The data from bubblechart.csv is rendered as horizontal stacked bars, one per car make, with each segment’s length proportional to the metric value. The chart uses d3.stack() to create the stacked series and d3.scaleLinear for the x-axis, while d3.csv loads the data and SVG elements are appended via D3 selections. A legend identifies the three categories, and the axis labels clarify the units, with no interactive features beyond the static presentation.

JJean
90% match