Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
Ppuneetputtu@my.unt.edu
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Activity6_Task1

This interactive D3.js bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes. Each bubble’s x-position represents horsepower, y-position represents torque, and its size encodes highway MPG, with color distinguishing individual brands. Built with d3.v7, the visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal for color. On hover, a tooltip displays exact values, while circle stroke and opacity adjust via d3.select and d3.color.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task - 4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps to horsepower and torque on the x and y axes, while its radius encodes highway MPG. Color distinguishes car brands, with an ordinal scale using d3.interpolateTurbo. Hovering reveals a tooltip displaying the make. The chart includes legends for bubble size and color categories, using SVG rendering with D3 v7 scales (d3.scaleLinear, d3.scaleOrdinal) and event handlers for interactivity.

NNitish Thotakura
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, using D3.js v7. Each circle’s position encodes horsepower and torque, while its radius scales with highway MPG, and color distinguishes the vehicle brand. The chart includes an interactive tooltip that reveals the make on hover, a legend for bubble sizing, and a color scale. The visualization is rendered as an SVG with smooth transitions, and the underlying data comes from a CSV file.

Ppmanoj13053@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent highway MPG and the vehicle brand, respectively. Hovering over a bubble reveals the car make via a tooltip. Built with D3.js v7, the visualization uses SVG, linear scales, and an ordinal color scale, with a legend displaying MPG values and brand colors. Data is loaded from a CSV file.

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

Activity6_Task4

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.

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

Activity6_Task4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes. Each circle's position encodes horsepower and torque on the x and y axes, while its size and color represent highway MPG and car make, respectively. Built with D3.js v7, the SVG visualization includes hover tooltips, a bubble size legend, and a color-coded categorical legend for each manufacturer. Data is loaded from a local CSV file using `d3.csv`.

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

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes. Each circle’s position is determined by horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG, and color distinguishes car brands. The visualization uses D3.js (v7) with SVG rendering, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color assignment, and interactive tooltips that display exact values on mouseover. Data is loaded from a CSV file, with circles animated via D3’s `.join` operation.

Jjayakrishnanallani5@gmail.com
95% match
Loading thumbnail…

Activity6-Task4

This D3.js bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position, y-position, and size encode the three metrics, while its color categorizes the brand. The SVG rendering includes a legend for MPG values and a color-coded make key. Interactive tooltips appear on hover via mouse events. The visualization reads data from a CSV file and employs `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette.

Ssriyaalugupalli@my.unt.edu
95% match