Skip to main content
SimilarExport ZIP
100%

Activity 6 tutorial 4

✓ Published0🌍 Public
BBamanGayathri
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across various car makes, using bubble size to encode MPG and color to distinguish makes. Built with D3 v7, the visualization uses `scaleLinear` for the x/y axes and bubble radius, `scaleOrdinal` for color mapping, and `interpolateTurbo` to generate a color palette. It reads from a local CSV file, renders as SVG, and includes interactive tooltips on mouseover, plus a legend showing the MPG-to-radius scale.

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…

Activity 6 Tutorial 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position encoding horsepower and torque, while its radius and color represent highway MPG and car make, respectively. A tooltip displays the car make on hover, and a legend explains the bubble size scale for highway MPG values. The visualization is built with D3 v7, using `d3.csv` for data loading, `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and SVG elements for rendering.

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

Activity 6_task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across various car makes, with each circle's position representing horsepower and torque, its size encoding MPG, and its color distinguishing the manufacturer. Built with D3 v7, the visualization uses scales like `d3.scaleLinear` for axes and bubble radius, and `d3.scaleOrdinal` with an interpolated Turbo colormap for categorical colors. Interactive tooltips appear on mouseover, and a legend displays both the MPG size scale and color categories. Data comes from the `bubblechart.csv` file, rendered as SVG elements with animated opacity transitions.

Jjampani921@gmail.com
95% match
Loading thumbnail…

Activity6 tutorial 4

This visualization displays a bubble chart that explores the correlation between average horsepower, torque, and highway MPG across various car makes. Each bubble represents a car brand, positioned by horsepower on the x-axis and torque on the y-axis, while the bubble size encodes highway MPG and color distinguishes between manufacturers. The chart includes interactive tooltips that appear on mouse hover. Built with D3 v7 and SVG, the code uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color encoding, with data loaded from a CSV file.

Ssharanyabobbala@my.unt.edu
95% match