Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
Hhaneesh@gctc.in
Last edited Apr 5, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

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.

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 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
97% 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 encoding MPG and color distinguishing manufacturers. Built with D3 v7, the SVG renders circles positioned by scaled horsepower and torque axes, using `d3.scaleLinear` for coordinates and radius, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color. Interactive tooltips appear on mouseover, and a legend explains bubble sizes and colors. Data is loaded from a CSV file.

Aarthireddykota@my.unt.edu
97% 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
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle size encoding MPG and color representing manufacturer. The D3.js v7 code uses `d3.csv` to load data, `d3.scaleLinear` for x, y, and radius scales, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color. SVG circles render with interactive tooltips on mouseover, alongside a legend showing MPG values and color-coded makes.

Llokasaivenkatatammineedi@my.unt.edu
97% match
Loading thumbnail…

activity6_task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing each manufacturer. Built with D3 v7, it renders scalable vector graphics (SVG) circles positioned by linear scales for the x and y axes, while an ordinal color scale maps make names to interpolated turbo colors. Interactive tooltips display the make on hover, and a legend shows MPG values and color-coded manufacturer markers. The chart reads from an external CSV file and uses D3’s selection, scale, and axis APIs.

Kkbhavithareddy06@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position maps to horsepower, y-position to torque, and radius to highway MPG, while color distinguishes manufacturers. Built with D3 v7, the SVG rendering includes hover tooltips showing the make, a bubble-size legend for MPG values, and a color legend for all makes. Data is loaded from a CSV file, with scales created using d3.scaleLinear and d3.scaleOrdinal, and interactivity handled via mouseover, mousemove, and mouseleave events.

Ttarun.chintada46@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle's horizontal position represents horsepower, vertical position represents torque, and its size encodes highway MPG, with color distinguishing car manufacturers. The visualization uses D3.js v7 with an SVG rendering and includes interactive tooltips that appear on hover, displaying the car make. The chart also provides a legend for bubble size and color, using d3.scaleLinear for axis and bubble scaling, and d3.scaleOrdinal with the interpolateTurbo color scheme for categorical color mapping. The data is loaded from an external CSV file.

Sshivakumarganji@my.unt.edu
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart examines the correlation between average horsepower, torque, and highway MPG for various car makes. It uses a D3.js SVG render with animated transitions, scaling circle size by highway MPG and coloring each make via the ordinal color scale with interpolated Turbo colors. The chart includes interactive tooltips that display the car make on hover, a legend for bubble sizes, and a color-coded legend for car makes. Data visualizes the trade-off between performance metrics and fuel efficiency, sourced from bubblechart.csv.

Hhkodiripaka15@gmail.com
96% match