Skip to main content
SimilarExport ZIP
100%

Activity 6_Q 4

✓ Published0🌍 Public
MMannava Priyanka Chowdary
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

A bubble chart visualizes the correlation between horsepower, weight, and MPG for the first 27 vehicles from the auto-mpg dataset. Each circle’s position encodes its horsepower and weight, while its radius and color represent MPG and car name, respectively, using a turbo color scale. The SVG rendering includes axes, labels, a tooltip on hover, and a legend, all built with D3 v7’s scales, axis generators, and event handlers.

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…

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

Activity4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes, with bubble size encoding MPG and color distinguishing brands. The visualization uses d3.csv to load data, then employs d3.scaleLinear for axes and bubble radius, d3.scaleOrdinal with d3.interpolateTurbo for categorical coloring. Interactive tooltips appear on mouseover, showing the car make. The SVG rendering includes a legend for both MPG values and color-coded makes, with circles animated via standard D3 transitions on hover states.

Ggoudrohit2000@gmail.com
89% match
Loading thumbnail…

Activity6_task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position maps to horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and make, respectively. The visualization uses D3.js v7 to render SVG circles, with a tooltip on hover and a legend for MPG scaling and make colors. Data comes from bubblechart.csv, processed through d3.csv and d3.scaleOrdinal. The chart includes silver axes via d3-axisLinear and uses d3.interpolateTurbo for color mapping.

PPadmajaKodati@my.unt.edu
89% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG visualization uses `scaleLinear` for axes and bubble size, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for labels. Interactive tooltips appear on mouseover via D3 event handlers, showing the car make. The legend displays MPG values as circle sizes and includes a color-coded list of all makes.

Ssowmyaammula.sdv@gmail.com
89% match
Loading thumbnail…

Activity-6 task-4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for different car makes, with bubble size encoding MPG and color distinguishing each brand. Built with D3.js v7, the visualization uses SVG circles, a color scale based on `d3.interpolateTurbo`, and animated tooltips that display the car make on hover. A legend explains the MPG size mapping. Data is loaded from a CSV file (`bubblechart.csv`).

KKavyaEti
89% match
Loading thumbnail…

Activity 6 tutorial 4

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.

BBamanGayathri
89% match
Loading thumbnail…

Activity6_Task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position maps to horsepower, y-position to torque, and radius to fuel efficiency, while color distinguishes the manufacturer. The D3.js code uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for categorical colors, and interactive tooltips via mouseover events. A legend encodes MPG values and car makes, with all elements rendered as SVG shapes.

GGunna,Praneeth Reddy
89% match
Loading thumbnail…

Activity6_Q4

This interactive bubble chart shows the correlation between average horsepower, torque, and highway MPG for 31 car models, with bubble size encoding MPG and color distinguishing each make. Built with D3 v7, it renders SVG circles with smooth hover interactions and tooltips displaying model names. The visualization includes dual legends for bubble size (highway MPG) and color-coded makes, using d3.scaleOrdinal with interpolateTurbo colors and d3.scaleLinear for both axes and bubble radius.

Bbhargavr016@gmail.com
89% match