Skip to main content
SimilarExport ZIP
100%

ACT6_TUT4

✓ Published0🌍 Public
RRevanth putta
Last edited Nov 16, 2025
Created on Nov 16, 2025
Forked from Hello VizHub

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position represents horsepower, y-position represents torque, and its radius encodes highway MPG, with color distinguishing car brands. Built with D3 v7, the SVG renders animated mouseover tooltips displaying the make. The chart includes axes with labels, a size legend for MPG values, and a color legend, using scales such as `d3.scaleLinear` and `d3.scaleOrdinal` applied to data from `bubblechart.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ACT6_TASK4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. The x-axis maps horsepower, the y-axis maps torque, while the size of each bubble encodes highway MPG and the color distinguishes different car manufacturers. A legend showing the MPG scale is on the right, and color-coded dots identify each make. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.interpolateTurbo` to assign a color to each make. The SVG render includes an interactive tooltip that appears on mouseover, displaying the car make. Data is loaded from a local CSV file.

RRevanth putta
96% match
Loading thumbnail…

ACT6-tutorial4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble's size encoding MPG and its color representing the manufacturer. Hovering over a bubble reveals the make name via a tooltip. Built with D3 v7, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color assignment. The SVG rendering includes axis labels, a size legend for MPG, and a color legend for car brands.

RRayabarapu Nikhitha
95% match
Loading thumbnail…

act6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle represents a car model, with its x-position mapped to horsepower, y-position to torque, and bubble size scaled by highway MPG via d3.scaleLinear. The SVG rendering uses d3.axisBottom and d3.axisLeft for axes, while d3.scaleOrdinal assigns colors from d3.interpolateTurbo by make. Mouseover events trigger tooltips, and fixed legend circles indicate MPG size values. Data loads from an external CSV file.

Ssravani1969@gmail.com
95% match
Loading thumbnail…

act6_tut4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each bubble's x-position maps to horsepower, the y-position to torque, and the bubble's radius encodes highway MPG. The color of each bubble is assigned per make using `d3.interpolateTurbo` and `d3.scaleOrdinal`. Hovering reveals a tooltip with the make name. The chart is rendered with D3.js v7 in SVG, including axes, a size legend for MPG, and a color legend. Data is loaded from a CSV file.

Ssairam.amaraneni22@gmail.com
95% match
Loading thumbnail…

act8_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower along the x-axis and torque along the y-axis, while its radius scales with highway MPG. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo color mapping for categorical makes. Hovering reveals a tooltip showing the car make. A legend displays MPG reference circles and color-coded dots for each brand. The SVG rendering includes animated hover transitions.

Rravularasesh3102@gmail.com
95% match
Loading thumbnail…

A6_T4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s x-position encodes horsepower, the y-axis represents torque, and the circle’s radius scales with highway MPG, while color distinguishes the manufacturer. Implemented with D3 v7, the chart renders as SVG with animated transitions and tooltips on hover, using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color mapping. A legend displays the MPG scale and make colors. Data is loaded from a local CSV via `d3.csv`.

DDee
95% match
Loading thumbnail…

A6_t4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes using D3.js v7. 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 the car make, respectively. An interactive tooltip appears on mouseover using the `.on` event handlers, and a legend decodes the MPG bubble sizes. The chart reads data from `bubblechart.csv` and renders via SVG with smoothed color transitions from `d3.interpolateTurbo`.

Llingaladineshteja23@gmail.com
95% match
Loading thumbnail…

Act6

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position reflects horsepower and torque, while its size encodes highway MPG and its color identifies the manufacturer. The D3.js v7 code uses `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` for color mapping, and an interactive tooltip that appears on mouseover. Animated SVG elements and a legend for MPG values are also included.

Aarisha.asma@gmail.com
94% match