Skip to main content
SimilarExport ZIP
100%

Activity-6_task-4

✓ Published0🌍 Public
Ccharanshiva769@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_task-4

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.

Ccharanshiva769@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. Circles are positioned by horsepower and torque on the x- and y-axes, with their radius scaled to highway MPG and color assigned via a categorical scale using `d3.interpolateTurbo`. A legend shows the MPG radius mappings, and interactive tooltips display the car make on hover. The D3 code uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for rendering, with SVG output and animated transitions on the tooltip.

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

Activity6_task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position maps to horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and make, respectively. The visualization uses D3.js v7 to render SVG circles, with a tooltip on hover and a legend for MPG scaling and make colors. Data comes from bubblechart.csv, processed through d3.csv and d3.scaleOrdinal. The chart includes silver axes via d3-axisLinear and uses d3.interpolateTurbo for color mapping.

PPadmajaKodati@my.unt.edu
96% 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
96% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG visualization uses `scaleLinear` for axes and bubble size, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for labels. Interactive tooltips appear on mouseover via D3 event handlers, showing the car make. The legend displays MPG values as circle sizes and includes a color-coded list of all makes.

Ssowmyaammula.sdv@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle positioned by its horsepower and torque values while its radius encodes highway MPG. Hovering over a circle reveals the car make via an interactive tooltip. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. It renders as SVG with animated opacity transitions on mouseover, and includes a legend for bubble size and color categories.

PPradhyumna Poralla
96% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and car make respectively. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, showing the make of each vehicle. Legend circles indicate MPG values, with SVG rendering and CSS-based hover opacity transitions.

SSai Gottumukkala
95% match
Loading thumbnail…

Activity 6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent MPG values and car brand, using d3.scaleLinear for sizing and d3.scaleOrdinal with d3.interpolateTurbo for coloring. The code uses D3 v7, loads data from bubblechart.csv, and includes an interactive tooltip triggered by mouseover events. A legend with circles, lines, and text explains bubble size scaling.

Bbudalavijay2001@gmail.com
95% match