Skip to main content
SimilarExport ZIP
100%

Task 8 Tutorial 4

✓ Published0🌍 Public
YYeshwanth963@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for various car makes, using data from a CSV file. D3.js renders SVG circles, where x and y positions map horsepower and torque, while radius indicates MPG and color differentiates manufacturers. The chart includes axes, a size legend, and a tooltip that displays the car make on hover, with animated opacity transitions. It demonstrates importing D3 via UNPKG and local ES6 modules.

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…

Tutorial 8 Task 4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes, using circle size to represent MPG and color to distinguish manufacturers. Built with D3 v7, it renders as an SVG with linear scales for axes and bubble radius, plus an ordinal color scale. Interactive tooltips appear on mouseover, and the visualization includes legends for both bubble size and color categories. The data is loaded from a CSV file and animated transitions are used for tooltip visibility.

Jjaswanthichowdarykalapala@my.unt.edu
94% match
Loading thumbnail…

Task 8_Tutorial4

This bubble chart shows 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 and color represent highway MPG and make, respectively. Built with D3 v7, the chart renders as SVG with animated tooltips on mouseover. A legend maps circle sizes to MPG values and includes color-coded dots for each make. Data comes from the provided CSV file, processed using d3.csv and scales like d3.scaleLinear and d3.scaleOrdinal.

SSushmaNamidi@my.unt.edu
94% match
Loading thumbnail…

Task 8-part 4

This bubble chart displays the correlation between average horsepower, average torque, and highway MPG across car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG, and color distinguishes the manufacturer. The visualization uses D3 v7 to append SVG elements, scales, axes, and a tooltip that reveals the car make on hover. A legend explains the bubble-size scale for MPG values, and all data comes from a CSV file loaded asynchronously.

Bbhavithamanyam@gmail.com
94% match
Loading thumbnail…

Task-8(Tutorial-4)

This bubble chart uses D3.js (v7) to visualize the correlation between average horsepower, torque, and highway MPG for 31 car makes. The SVG rendering plots horsepower on the x-axis and torque on the y-axis, while the size of each bubble encodes highway MPG and the color distinguishes the make. Interactive tooltips display the car make on mouseover. The chart includes scales for bubble size and color, a legend for MPG values, and loads data from a local CSV file. Animations are not present; the code uses D3's SVG, scales, axes, and tooltip functionality.

Ttallurisaiteja96@gmail.com
94% match
Loading thumbnail…

Task-8(Tutorial-4)

This bubble chart uses D3.js (v7) to visualize the correlation between average horsepower, torque, and highway MPG for 31 car makes. The SVG rendering plots horsepower on the x-axis and torque on the y-axis, while the size of each bubble encodes highway MPG and the color distinguishes the make. Interactive tooltips display the car make on mouseover. The chart includes scales for bubble size and color, a legend for MPG values, and loads data from a local CSV file. Animations are not present; the code uses D3's SVG, scales, axes, and tooltip functionality.

Ttallurisaiteja96@gmail.com
94% match
Loading thumbnail…

Task8_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position maps to horsepower, its y-position to torque, and its radius to highway MPG, while color distinguishes the car brand. Built with D3 v7, the SVG rendering includes interactive tooltips that display the make on hover, plus legends for bubble size and categorical colors. The chart uses d3.scaleLinear for positioning, d3.scaleOrdinal for color mapping, and d3.interpolateTurbo for the color palette.

KKeerthi
94% match
Loading thumbnail…

Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s position reflects horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and brand, respectively. Built with D3 v7 and SVG, the chart includes interactive tooltips on mouseover and a legend for bubble size and color categories. Data is loaded from an external CSV and rendered with animated transitions on hover.

Ssatvikreddy79@gmail.com
94% match
Loading thumbnail…

activity8-task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower on the x-axis and torque on the y-axis, while its size represents highway MPG and its color indicates the car brand. The D3.js v7 example loads data from a CSV file and renders the visualization as an SVG. It includes interactive tooltips on mouseover that display the car make, along with custom legends for both bubble size and categorical color assignments using `d3.scaleOrdinal`.

Bbobbymeyermsis@gmail.com
94% match