Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
Aadapasaidivya99@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This animated bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes using a CSV dataset. D3.js v7 renders SVG circles scaled by MPG and colored with a turbo-scaled ordinal palette. Interactive tooltips appear on mouseover, while the legend displays both bubble size reference circles and color-coded make labels. The implementation uses d3.csv, scaleLinear, scaleOrdinal, and event handlers for hover interactions.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes, using circle size to represent highway MPG and color to distinguish makes. The visualization includes interactive tooltips that reveal the make on hover. Built with D3 v7, it renders as an SVG with linear scales for positioning and size, an ordinal color scale using interpolateTurbo, and a legend showing MPG values. Data is loaded from a local CSV file.

VVidya Lakshmi Chitturi
96% match
Loading thumbnail…

Activity6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes using a CSV dataset. Each bubble’s position encodes horsepower and torque on the axes, while its radius represents highway MPG and its color identifies the manufacturer. The D3 implementation uses `d3.csv` to load data, `scaleLinear` for axes and bubble sizing, and `scaleOrdinal` with `interpolateTurbo` for color mapping. Animated tooltips appear on mouseover, and a legend displays the MPG scale and color-coded makes.

Ttejaswiteju9811@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This interactive D3.js v7 bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes from a CSV file. Each circle’s position maps horsepower and torque values, while its radius encodes MPG and its color distinguishes the manufacturer. The visualization includes a tooltip that displays the make on mouseover, plus dual legends for MPG scaling and color-coded makes. The SVG rendering uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal for categorical coloring, and d3.interpolateTurbo for the color palette.

Vvarshithainaganti@gmail.com
96% match
Loading thumbnail…

Activity-6_Task-4

This animated D3.js bubble chart explores the correlation between average horsepower, torque, and highway MPG for various car makes, using data from a GitHub-hosted CSV file. SVG circles are positioned by horsepower on the x-axis and torque on the y-axis, with radius encoding highway MPG and color distinguishing makes via a d3.scaleOrdinal with interpolateTurbo. Interactive tooltips appear on mouseover, while custom legends for bubble size and car makes clarify the encodings.

Hhoneyravuri.711@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes using a CSV dataset. It employs D3 v7 to render SVG circles scaled by highway MPG, colored by car make, and positioned along linear axes for horsepower and torque. Interactive tooltips display each make on hover, while a legend indicates bubble size and color categories. The chart also demonstrates loading D3 via UNPKG and using a local ES6 module.

Gguttavenkata745@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
95% match