Fork of Activity8_Task4

100%

Fork of Activity8_Task4

✓ Published1🌍 Public

Last edited Apr 14, 2024

Created on Apr 14, 2024

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size) across 31 fictional vehicle makes, with color encoding each make. The D3 v7 code loads CSV data via d3.csv, applies linear scales for axes and bubble radius, and uses d3.scaleOrdinal with interpolateTurbo for color assignment. Interactive tooltips appear on mouseover, showing the vehicle make, while a legend explains MPG values and make colors. The SVG rendering includes animated hover effects that increase bubble opacity and stroke width.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity-6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s size encoding MPG and color distinguishing the brand. Hovering reveals the make via a tooltip. Built with d3.v7, it uses d3.csv to load data, d3.scaleLinear for axes and bubble radius, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. The SVG also includes a custom legend for MPG values and brand color swatches, with mouseover, mousemove, and mouseleave events driving the tooltip interactions.

LLayaMyadam@my.unt.edu

95% match

Loading thumbnail…

Fork of Activity 6_Task 4

This bubble chart visualizes the correlation between average horsepower and torque for various car makes, with bubble size representing highway MPG and color distinguishing makes. The D3 v7 code loads data from a CSV, uses `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping. Interactive tooltips appear on mouseover, and an SVG legend explains bubble size and color categories.

KKarnam Abinay Goud

95% match

Loading thumbnail…

Activity8_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle's position determined by the x- and y-scales and its size encoding MPG via the `d3.scaleLinear` z-scale. Color mapping via `d3.scaleOrdinal` and `d3.interpolateTurbo` distinguishes makes, while animated hover effects and a custom tooltip built with D3 event handlers reveal the make name. The SVG chart includes labeled axes, a legend with circles for MPG values and color swatches, and reads from a CSV file using `d3.csv`.

Llikithabaddam@my.unt.edu

95% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble colored by make and sized by MPG. It uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, while a legend shows bubble size values and a color key for each make. The SVG rendering includes animated hover effects via the style property and d3 transitions.

Rrakesh.kavuru@outlook.com

95% match

Loading thumbnail…

Fork of Fork of Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes. The x-axis maps horsepower, the y-axis maps torque, while bubble size encodes highway MPG and color distinguishes car makes. Built with D3 v7, the SVG includes axes, a legend for MPG values, and an interactive tooltip displaying make on hover. Data is loaded from a CSV file using `d3.csv`. The chart relies on `d3.scaleLinear` for positional and size scales, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color assignment.

LLakshmiPrasannaValdas@my.unt.edu

95% match

Loading thumbnail…

Fork of activity6_Task4

This bubble chart shows the correlation between a vehicle's average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size and color). Each bubble represents a car make, with color mapping to the specific brand and size scaled to its highway fuel efficiency rating. The visualization uses D3.js v7 to render SVG elements, with a tooltip that appears on mouseover. The chart includes an interactive legend for bubble size and a color legend, with data loaded from a CSV file.

Ssaikarthiknimmagadda@gmail.com

94% match

Loading thumbnail…

Fork of Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while its radius and color encode MPG and make, respectively. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for categorical colors, and SVG rendering. Interactive tooltips appear on mouseover using D3’s event handlers, and a legend shows MPG values. The underlying dataset is loaded from a CSV file.

Tthakurnikhitha4@gmail.com

94% match

Loading thumbnail…

Fork of activity 6_task_4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG and its color distinguishes the make. Built with D3 v7, it uses `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and includes interactive mouseover tooltips plus a size legend. The data comes from `bubblechart.csv`, rendered as SVG with animation.

JJaswanthkota@my.unt.edu

94% match