Activity6_tutorial4

100%

Activity6_tutorial4

✓ Published0🌍 Public

Last edited Oct 31, 2025

Created on Oct 31, 2025

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, using bubble size to encode MPG and color to distinguish brands. The interactive D3.js v7 visualization renders SVG circles in a scatterplot, with tooltips displaying each make on hover. Data is loaded from a CSV file, and the code implements linear scales, a color ordinal scale using `d3.interpolateTurbo`, and legend elements with `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle represents a car brand, positioned by horsepower and torque, with its size encoding highway MPG and color distinguishing makes. The visualization uses D3.js v7’s `scaleLinear` for axes and bubble scaling, `scaleOrdinal` with `interpolateTurbo` for colors, and SVG rendering with interactive tooltips on hover. A legend shows bubble size values, while color coding identifies each make.

Ggreeshmareddy135@gmail.com

96% match

Loading thumbnail…

Activity6_Tutorial4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for 31 car makes, using bubble size to encode MPG and color to distinguish brands. It reads data from a CSV file and renders circles via D3 v7’s SVG API, with interactive tooltips triggered by mouse events. The visualization includes axis labels, a size legend for MPG, and a color category legend, all positioned within an SVG canvas using D3 scales and ordinal color mapping.

Ggnanendra097@gmail.com

96% match

Loading thumbnail…

Activity6_tutorial4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle position encoding the first two variables, size encoding MPG, and color distinguishing each manufacturer. The visualization uses d3.csv to load data and d3.scaleLinear for x, y, and radius mappings, with d3.axisBottom and d3.axisLeft generating axes. Interactive tooltips appear on mouseover using D3 event handling, while a legend displays MPG circle sizes and color-coded make labels. Rendering uses D3 v7 with SVG, including a custom color scale via d3.scaleOrdinal and d3.interpolateTurbo.

Vvenkatdinesh5010@gmail.com

96% match

Loading thumbnail…

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with bubble size encoding MPG and color distinguishing makes. Built with D3 v7, it uses SVG circles positioned by linear scales for torque and horsepower, with a legend for MPG values and a tooltip displaying car make on hover. The chart also includes a color legend for all makes, and data is loaded from a CSV file.

Yyadlapallisaisathvik@gmail.com

96% match

Loading thumbnail…

Activity 6 tutorial 4

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 the radius represents highway MPG and color distinguishes the car brand. The visualization uses d3.csv to load the data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal for color mapping. Interactive tooltips appear on mouseover using D3 event handlers, with a legend showing MPG values and car-make color codes.

AAamani Chamarthi

96% match

Loading thumbnail…

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position encoding horsepower on the x-axis and torque on the y-axis, while radius and color represent MPG and make, respectively. Using d3.v7, the chart loads data from a CSV, renders SVG circles with tooltips on hover, and includes a legend for circle size and color. Interactive features rely on event handlers for mouseover, mousemove, and mouseleave to display tooltips.

1188r1a0559@gmail.com

95% match

Loading thumbnail…

Activity-6_Tutorial-4

This interactive bubble chart visualizes correlations between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower and torque, while its radius represents highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization renders SVG elements and includes an interactive tooltip on hover. The code uses d3.scaleLinear, d3.scaleOrdinal, and d3.interpolateTurbo for color mapping. Data is loaded from the included bubblechart.csv file, with axis labels and a legend for bubble sizing.

VVasanth Krishna

95% match

Loading thumbnail…

Activity8_Tutorial4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, using circle size to represent fuel efficiency and color to distinguish brands. Built with D3 v7, it renders as an SVG with smooth transitions, displaying a tooltip on hover that names each make. The chart uses `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` for color mapping via `d3.interpolateTurbo`, and includes a legend showing MPG values and color-coded brand markers.

Aanusharamana0@gmail.com

95% match