Activity6_Tutorial_4

100%

Activity6_Tutorial_4

✓ Published2🌍 Public

Last edited Oct 25, 2024

Created on Oct 25, 2024

This D3.js bubble chart visualizes the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size and color) for various car makes. The chart uses an SVG renderer with a tooltip that displays the car make on hover. The code relies on D3's scale functions (`d3.scaleLinear`, `d3.scaleOrdinal`) and the `d3.interpolateTurbo` color scheme. A legend maps bubble size to MPG values, and a categorical color legend identifies each car make. Data is loaded from a CSV file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_tutorial4

This bubble chart shows the relationship between average horsepower, torque, and highway MPG for different car makes, using D3.js. The x-axis represents horsepower, the y-axis represents torque, and the size of each bubble corresponds to highway MPG. The data is loaded from a local CSV file via `d3.csv()` and rendered as SVG circles with tooltips. Color is mapped by car make using `d3.scaleOrdinal` with an `interpolateTurbo` palette, and a legend displays the MPG size scale.

Yyadlapallisaisathvik@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…

Activity6-Task4

This D3.js bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position, y-position, and size encode the three metrics, while its color categorizes the brand. The SVG rendering includes a legend for MPG values and a color-coded make key. Interactive tooltips appear on hover via mouse events. The visualization reads data from a CSV file and employs `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette.

Ssriyaalugupalli@my.unt.edu

95% match

Loading thumbnail…

Activity6_tutorial-4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, with bubble position on the x- and y-axes representing horsepower and torque, and bubble size scaled by highway MPG. The chart includes interactive tooltips that display the car make upon hover. Implemented with D3 v7 (`d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`), the SVG rendering uses color-coded bubbles and a custom legend for MPG values, with data loaded from a CSV file.

Aamulyareddykondru01@gmail.com

95% match

Loading thumbnail…

Activity6_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius and color represent highway MPG and manufacturer, respectively. The chart uses d3.csv to load the dataset, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends for MPG and car makes are rendered alongside the SVG animation.

LLakshanya Sirigiri

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

95% match

Loading thumbnail…

Activity 6_tutorial 4

This bubble chart shows the relationship between average horsepower and torque across car makes, with bubble size encoding highway MPG. It is built with D3 v7, rendering SVG circles positioned by linear scales for the x- and y-axes. A color scale, using d3.interpolateTurbo, distinguishes car makes, and the chart includes a legend for highway MPG. Interactive tooltips appear on mouseover, displaying the make of each car. Data is loaded from a CSV file, and the visualization updates dynamically with hover effects.

Ssairohithchada@gmail.com

95% match

Loading thumbnail…

Activity6_tutorial4

This visualization presents a bubble chart exploring the relationship between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position maps to horsepower and torque, while its size encodes highway MPG and color distinguishes the manufacturer. The chart reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends detail both MPG scale and make colors.

Vvenkatdinesh5010@gmail.com

95% match