Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial4

✓ Published0🌍 Public
Ggnanendra097@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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…

Activity6_tutorial4

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`.

Aa9.hemraj@gmail.com
96% match
Loading thumbnail…

Activity6_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. It reads data from a CSV file using `d3.csv` and renders circles in an SVG, with axes and labels scaled by `d3.scaleLinear`. Bubble size encodes MPG, while color maps each make via a `d3.scaleOrdinal` using `d3.interpolateTurbo` for the spectrum. Interactive tooltips appear on mouseover, showing the make, with a legend for MPG values and make categories.

Vvarmanithish5@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 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
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. 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
95% match
Loading thumbnail…

Activtiy-6-tutorial-4

This bubble chart visualization explores the correlation between average horsepower, torque, and highway MPG across 31 car makes. The size of each bubble encodes the highway MPG value, while color distinguishes the car brand. The chart is built with D3 v7, rendering as an SVG with interactive tooltips that display the car make on hover. A legend on the right explains the bubble size scale, and the data is loaded from a local CSV file.

Sswapnadabburi@my.unt.edu
95% match