Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
PPradhyumna Poralla
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle positioned by its horsepower and torque values while its radius encodes highway MPG. Hovering over a circle reveals the car make via an interactive tooltip. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. It renders as SVG with animated opacity transitions on mouseover, and includes a legend for bubble size and color categories.

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 30 car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG and its color distinguishes the make. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with interpolateTurbo for categorical coloring. Interactive tooltips appear on mouseover, and a legend explains size and color encoding. The chart is rendered as SVG with animated hover effects, styled via CSS.

Cchinnivikramnunna@gmail.com
98% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle's position mapping horsepower and torque while its radius encodes fuel efficiency. The visualization includes a tooltip that displays the car make on hover, alongside dual legends showing both the bubble size scale and color-coded makes using `d3.scaleOrdinal` with interpolated Turbo colors. Built with D3 v7, the chart renders as SVG and uses `d3.scaleLinear` for axes and bubble sizing, with data loaded from a CSV file and interactive hover states managed through mouse events.

Ssaisnehapalle@my.unt.edu
98% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes, with horsepower on the x-axis, torque on the y-axis, and MPG encoded by both bubble radius and color. The visualization uses d3.csv to load data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color encoding. Interactive tooltips respond to mouse events, while SVG circles, axes, and a legend are rendered with d3.js v7, including animated opacity changes on hover.

MMili Patel
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. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius represents highway MPG and its color distinguishes the car brand. Hovering over a bubble reveals the make via a tooltip built with D3’s event handlers. The visualization uses d3.scaleLinear axes, d3.scaleOrdinal for color, d3.interpolateTurbo for the palette, and SVG circles animated through d3 transitions. Data comes from bubblechart.csv.

Jjaswanthreddy2000@gmail.com
97% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and car make respectively. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, showing the make of each vehicle. Legend circles indicate MPG values, with SVG rendering and CSS-based hover opacity transitions.

SSai Gottumukkala
97% match
Loading thumbnail…

Activity 6_Task4

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 its radius and color represent MPG values and car brand, using d3.scaleLinear for sizing and d3.scaleOrdinal with d3.interpolateTurbo for coloring. The code uses D3 v7, loads data from bubblechart.csv, and includes an interactive tooltip triggered by mouseover events. A legend with circles, lines, and text explains bubble size scaling.

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

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius represents highway MPG, and color distinguishes manufacturers. Hovering reveals the car make via a tooltip. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, d3.scaleOrdinal with interpolateTurbo for coloring, and SVG circles with mouse event handlers for interaction. A legend displays MPG values and make colors.

PPothuguntla Pranitha
97% match