Skip to main content
SimilarExport ZIP
100%

Activity 6_Task4

✓ Published0🌍 Public
Bbudalavijay2001@gmail.com
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. 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.

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. 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
98% match
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
97% match
Loading thumbnail…

Activity 6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, using data from bubblechart.csv. The visualization encodes torque on the y-axis, horsepower on the x-axis, and highway MPG through both bubble size and color, with a color legend for car makes and a size legend for MPG values. The code uses D3 v7 with SVG rendering, employing scales (d3.scaleLinear, d3.scaleOrdinal) and interactive tooltips that respond to mouse events, with animated opacity transitions on hover.

SSiva Kishore Reddy
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 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.

PPradhyumna Poralla
97% 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 horizontal position encodes horsepower, vertical position encodes torque, and its size represents MPG, while color distinguishes manufacturer. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips on hover. Data is loaded from a CSV file, and the chart employs `d3.scaleLinear` for axes, `d3.interpolateTurbo` for a color gradient, and `d3.axisBottom`/`d3.axisLeft` for tick marks, with a legend for bubble size and color.

Mmangilipallylaxminarayana@gmail.com
97% 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
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Bubble position encodes horsepower and torque on the x and y axes, while bubble size represents highway MPG and color distinguishes each make. A tooltip reveals the make on hover, and a legend relates bubble size to MPG values. The visualization uses D3 v7 with d3.csv for data loading, d3.scaleLinear for position and size, d3.scaleOrdinal with d3.interpolateTurbo for colors, and SVG circles with mouse event handlers for tooltips.

MMallikarjun Narra
97% match