Activity 6 Task4

100%

Activity 6 Task4

✓ Published0🌍 Public

Last edited Mar 30, 2025

Created on Mar 30, 2025

This interactive bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for various car makes. Built with D3.js v7, the SVG renders scaled circles positioned on linear axes, with color assigned via an ordinal scale using the `d3.interpolateTurbo` function. A hovering tooltip reveals the car make, and a legend clarifies the MPG scale. Data comes from the `bubblechart.csv` file, presented with animation on hover transitions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Task 4

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size) for various car makes, with colors distinguishing each make. The D3 v7 code loads data from a CSV file, draws circles using `d3.scaleLinear` for positioning and sizing, and applies the `d3.interpolateTurbo` color scale. Interactive tooltips appear on mouseover, and a legend shows bubble size values and make-colored dots. The rendered SVG includes animated hover effects through CSS opacity transitions.

Rrahulnathmukkolla@gmail.com

96% match

Loading thumbnail…

Activity6-task4

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for various car makes. The chart uses a linear scale for both axes, with bubble size representing highway MPG and color encoding the car manufacturer. Built with D3.js v7, it renders as an SVG with animated transitions. The visualization includes interactive tooltips that display the car make on hover, along with legends for both bubble size and color categories. The data is loaded from a local CSV file.

Ssushanthkodipyaka@gmail.com

96% match

Loading thumbnail…

Activity6_Task4

This animated bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each bubble’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and color distinguishes the make. Built with D3.js v7, the chart uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and interactive tooltips via mouseover events. Data comes from `bubblechart.csv`, rendered as SVG elements with a legend for MPG values and categorical markers.

Sskykarthik97@gmail.com

96% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The x-axis represents average horsepower, the y-axis shows average torque, while bubble size encodes highway MPG and color distinguishes each manufacturer. Built with D3 v7, the visualization uses SVG rendering with `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on hover, and a legend explains the bubble size scale for MPG values.

Vvamsikrishnakanchukommala@my.unt.edu

96% 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

96% match

Loading thumbnail…

Activity 6_Task 4

This visualization presents a bubble chart showing the correlation between average horsepower, average torque, and highway MPG for various car makes. Each bubble’s position reflects its horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG. The chart includes color-coded bubbles by car make, a tooltip displaying the make on hover, and a legend for bubble sizes. Built with D3 v7 (d3.csv, d3.scaleLinear, d3.axisBottom, d3.axisLeft), it uses SVG rendering with interactive mouse events for tooltips and a turbo color scale for aesthetics.

DDipesh

96% match

Loading thumbnail…

Activity-6 task-4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for different car makes, with bubble size encoding MPG and color distinguishing each brand. Built with D3.js v7, the visualization uses SVG circles, a color scale based on `d3.interpolateTurbo`, and animated tooltips that display the car make on hover. A legend explains the MPG size mapping. Data is loaded from a CSV file (`bubblechart.csv`).

KKavyaEti

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 corresponds to its horsepower (x-axis) and torque (y-axis), while its size scales with highway MPG. Bubbles are color-coded by make, and the chart includes a legend for MPG values and car makes. Built with D3 v7, it renders as SVG, uses `d3.scaleLinear` for axes and sizing, and features interactive tooltips displaying the make on mouseover.

Vvishnutejareddyambati@my.unt.edu

96% match