Activity-6_task-4

100%

Activity-6_task-4

✓ Published0🌍 Public

Last edited Oct 23, 2024

Created on Oct 23, 2024

This animated SVG bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 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 color distinguishes the make. Hovering reveals a tooltip with the make name. Built with D3.js v7, the chart uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color, and includes a legend for MPG values and makes. Data comes from the included CSV file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_task-4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle position encoding horsepower and torque, while radius represents MPG. Hovering a circle reveals the car make via a tooltip. The chart includes axes, labels, and legends for MPG values and color-coded makes. Built with D3 v7, it uses `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.interpolateTurbo` to render SVG circles and interactive tooltips.

Ccharanshiva769@gmail.com

96% match

Loading thumbnail…

Activity6_Task4

This interactive D3.js v7 bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes from a CSV file. Each circle’s position maps horsepower and torque values, while its radius encodes MPG and its color distinguishes the manufacturer. The visualization includes a tooltip that displays the make on mouseover, plus dual legends for MPG scaling and color-coded makes. The SVG rendering uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal for categorical coloring, and d3.interpolateTurbo for the color palette.

Vvarshithainaganti@gmail.com

96% match

Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car make, respectively. Built with D3 v7, the SVG animation includes interactive tooltips on hover, a custom legend for MPG bubble sizes, and a color-coded legend for makes. Data is loaded from a CSV file, with scales defined via d3.scaleLinear and colors assigned using d3.scaleOrdinal with d3.interpolateTurbo.

Tthoutunikhitha@gmail.com

95% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle's horizontal position represents horsepower, vertical position represents torque, and its size encodes highway MPG, with color distinguishing car manufacturers. The visualization uses D3.js v7 with an SVG rendering and includes interactive tooltips that appear on hover, displaying the car make. The chart also provides a legend for bubble size and color, using d3.scaleLinear for axis and bubble scaling, and d3.scaleOrdinal with the interpolateTurbo color scheme for categorical color mapping. The data is loaded from an external CSV file.

Sshivakumarganji@my.unt.edu

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

95% match

Loading thumbnail…

Activity6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle is positioned by its horsepower (x-axis) and torque (y-axis), with the circle’s radius scaled to its highway MPG value, while color encodes the car brand. The visualization uses D3 v7 to load data via `d3.csv`, scales with `scaleLinear`, and renders as SVG. Users can hover over a bubble to see its make via a tooltip. A legend displays MPG values and brand colors.

SShiva Sai Reddy

95% match

Loading thumbnail…

Activity-6 Task-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing manufacturers. Built with D3 v7, the SVG renders circles positioned by scaled horsepower and torque axes, using `d3.scaleLinear` for coordinates and radius, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color. Interactive tooltips appear on mouseover, and a legend explains bubble sizes and colors. Data is loaded from a CSV file.

Aarthireddykota@my.unt.edu

95% match

Loading thumbnail…

Activity6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes torque (y-axis) and horsepower (x-axis), while its radius scales with highway MPG and its color distinguishes the vehicle brand. Built with D3 v7, the SVG visualization includes hover tooltips that display the car make, plus a legend for MPG bubble sizes and color categories. Data is loaded from a CSV file using `d3.csv`, with scales created via `d3.scaleLinear` and `d3.scaleOrdinal` for mapping values.

Ppraneeth.d555@gmail.com

95% match