Skip to main content
SimilarExport ZIP
100%

Activity 6_tutorial 4

✓ Published0🌍 Public
Ssairohithchada@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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
96% 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
96% 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
96% match
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_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
96% match
Loading thumbnail…

Activity 6_Task 4_Tutorial

This bubble chart visualizes the relationship between average horsepower and torque for various car makes, with bubble size representing highway MPG and color indicating the brand. The D3.js v7 visualization uses an SVG rendering with animated tooltips that display car make on hover. It includes a color-coded legend and size reference circles. The chart reads data from a CSV file and uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color encoding, and d3.axisBottom, d3.axisLeft, and d3.interpolateTurbo for styling.

Ccharankumarreddyveeramreddy@my.unt.edu
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