Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 4

✓ Published0🌍 Public
Rrahulnathmukkolla@gmail.com
Last edited Apr 3, 2024
Created on Apr 2, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size) for various car makes, with colors distinguishing each make. The D3 v7 code loads data from a CSV file, draws circles using `d3.scaleLinear` for positioning and sizing, and applies the `d3.interpolateTurbo` color scale. Interactive tooltips appear on mouseover, and a legend shows bubble size values and make-colored dots. The rendered SVG includes animated hover effects through CSS opacity transitions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Task4

This interactive bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for various car makes. Built with D3.js v7, the SVG renders scaled circles positioned on linear axes, with color assigned via an ordinal scale using the `d3.interpolateTurbo` function. A hovering tooltip reveals the car make, and a legend clarifies the MPG scale. Data comes from the `bubblechart.csv` file, presented with animation on hover transitions.

Kkrishi7079@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble colored by make and sized by MPG. It uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, while a legend shows bubble size values and a color key for each make. The SVG rendering includes animated hover effects via the style property and d3 transitions.

Rrakesh.kavuru@outlook.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, using a CSV dataset. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its size and color represent highway MPG and make, respectively. Built with d3.v7, it renders as an SVG with interactive tooltips on hover and a legend for both bubble size and color. The color scale uses d3.interpolateTurbo and a scaleOrdinal for categorical distinction.

SSreeKohaliPatel@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Circles are positioned by horsepower and torque on the x- and y-axes, with their radius scaled to highway MPG and color assigned via a categorical scale using `d3.interpolateTurbo`. A legend shows the MPG radius mappings, and interactive tooltips display the car make on hover. The D3 code uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for rendering, with SVG output and animated transitions on the tooltip.

Kkrishnavisheshkatta@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size) for 31 car makes. Each circle is colored by make using a categorical color scale derived from `d3.interpolateTurbo`. Built with D3 v7, the SVG chart includes hover tooltips showing the make, plus a size legend for MPG values. Data is loaded from a local CSV file using `d3.csv`, with axes, labels, and legends rendered via D3's SVG API.

PPavanKumarRacharla@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing manufacturers. Built with D3 v7, it renders SVG circles positioned by linear scales, includes tooltips on mouseover, and provides a legend for both bubble size and color. The data comes from a CSV file loaded via d3.csv, with colors assigned using d3.scaleOrdinal and the interpolateTurbo color scheme.

Hhaneesh@gctc.in
96% match
Loading thumbnail…

Activity-6_Task-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size representing fuel efficiency and color encoding car brand. The D3 v7 visualization reads data from a CSV file and uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color mapping, and d3.interpolateTurbo for the color palette. Interactive tooltips appear on mouseover using d3 event handlers, while a legend displays both bubble size values and color-coded makes. The SVG rendering includes axis labels, a title, and animated hover effects.

HHarshathBudida@my.unt.edu
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
96% match