Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
SSiddhardha
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across multiple car makes. Each bubble represents a vehicle make, positioned by horsepower and torque on the x and y axes, with bubble size scaled by highway MPG and color differentiating makes. Built with D3 v7, the visualization includes axis labels, a legend for MPG values and makes, and tooltips that appear on hover. The code reads from a CSV file and uses D3's scaleLinear, scaleOrdinal, axisBottom, axisLeft, and interpolateTurbo functions to construct the chart.

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_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The plot positions each vehicle make by its horsepower on the x-axis and torque on the y-axis, while the size of each circle encodes the highway MPG value, and the color distinguishes the car brand. The visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color mapping with interpolateTurbo, and d3.select for SVG rendering. It includes interactive tooltips on mouseover and a legend for bubble size and color categories, sourced from a local CSV file.

Aaschowdary.shashi@gmail.com
97% match
Loading thumbnail…

Activity6_Task

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes using data from a CSV file. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its size and color represent highway MPG and the car make, respectively. The chart uses d3.csv for data loading, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips display the make on hover, and a legend clarifies bubble size and color encoding. The visualization is rendered with SVG and includes animated transitions for tooltip visibility.

PPadmajaKodati@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, sourced from a CSV file. Data points are plotted with x-coordinates for horsepower, y-coordinates for torque, and bubble size scaled to MPG, colored by make using a d3.interpolateTurbo ordinal scale. Interactive tooltips display the car make on hover, while the D3.js code renders the chart as an SVG with animated transitions, including axes, a bubble-size legend, and a color legend for car manufacturers.

Kkartheekgrpt@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes from the bubblechart.csv dataset. Each circle’s x-position encodes horsepower, y-position encodes torque, and radius encodes highway MPG, while color distinguishes car makes. Built with D3.js v7 and rendered as SVG, the chart includes animated mouseover tooltips using D3’s selection and event handling, plus a legend with circle sizes for MPG values and color swatches for each make. The code uses d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft.

Ssiddhubhupathi@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across car makes, with each bubble’s position on the x-axis representing horsepower, the y-axis representing torque, and the bubble size encoding highway MPG. Color distinguishes different manufacturers. The chart uses D3 v7’s scaleLinear for axes, scaleOrdinal for color assignment, and scaleLinear for bubble size. Interactions include tooltips on hover, implemented via D3’s select and style methods. Data is loaded from a CSV file using d3.csv.

YYeruva Snehith Reddy
96% match
Loading thumbnail…

Activity6_Task 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with data sourced from `bubblechart.csv`. Each circle's x-axis position encodes horsepower, the y-axis encodes torque, and the circle's radius represents highway MPG via a linear scale (`d3.scaleLinear`), while a categorical color scale (`d3.scaleOrdinal` with `interpolateTurbo`) distinguishes makes. Rendered as SVG with D3 v7, the visualization includes hover tooltips showing the make, a legend for MPG bubble sizes, and color-coded entries for each make. The chart animates tooltip opacity using D3 transitions and uses axes from `d3.axisBottom` and `d3.axisLeft`.

Ssaisnehapalle@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with data sourced from `bubblechart.csv`. Each circle's x-axis position encodes horsepower, the y-axis encodes torque, and the circle's radius represents highway MPG via a linear scale (`d3.scaleLinear`), while a categorical color scale (`d3.scaleOrdinal` with `interpolateTurbo`) distinguishes makes. Rendered as SVG with D3 v7, the visualization includes hover tooltips showing the make, a legend for MPG bubble sizes, and color-coded entries for each make. The chart animates tooltip opacity using D3 transitions and uses axes from `d3.axisBottom` and `d3.axisLeft`.

Ssaisnehapalle@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position maps horsepower on the x-axis and torque on the y-axis, while its size and color encode highway MPG and make, respectively. Built with D3 v7, the visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to map data attributes. It reads from a CSV file and includes an animated tooltip on hover, plus a legend for size and color scales.

Pperamranji
96% match