Tutorial 8 Task 4

100%

Tutorial 8 Task 4

✓ Published0🌍 Public

Jjaswanthichowdarykalapala@my.unt.edu

Last edited Apr 11, 2024

Created on Apr 11, 2024

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.

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…

Task4_tutorial8

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position encodes horsepower and torque, while its radius represents highway MPG, and its color distinguishes the manufacturer. The visualization uses D3 v7's `scaleLinear` and `scaleOrdinal` axes, and implements interactive tooltips that reveal the car make on hover. A legend demonstrates how bubble size maps to MPG values, and the chart is rendered as an SVG with animated transitions for tooltip visibility. Data is loaded from a local CSV file.

Ppogirimayoor@gmail.com

96% match

Loading thumbnail…

Task8Tutorial_4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent MPG and manufacturer identity. The SVG renders with d3.scaleLinear axes, a third scale for bubble size, and d3.scaleOrdinal for colors. Interactive tooltips appear on hover, and a dual legend explains the MPG radius and categorical colors. Data comes from `bubblechart.csv`.

Mmanohar varma

95% match

Loading thumbnail…

TASK8_TUTORIAL4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each make represented by a colored circle positioned by horsepower and torque axes and sized by MPG. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color encoding, and includes a tooltip with mouseover events. The SVG includes a circle-size legend for MPG and a color legend for car makes, with data loaded from a CSV file.

Ttarunskuruvadi@gmail.com

95% match

Loading thumbnail…

Task8_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes, using the x-axis for horsepower, y-axis for torque, and bubble size for highway MPG. Each bubble is color-coded by make, with a tooltip revealing the make on hover and a legend displaying the MPG scale. Built with D3 v7, it uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and `d3.interpolateTurbo` for the color palette, rendering as an interactive SVG with smooth transitions. Data is loaded from a CSV file, and the chart includes axis labels, a title, and animated opacity on hover.

Jjyothirmaijyothi2017@gmail.com

95% match

Loading thumbnail…

Tutorial 4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes, with each circle’s position representing torque and horsepower, its size encoding highway MPG, and its color indicating the manufacturer. Using d3.v7, the visualization applies linear scales for axes and bubble radius, an ordinal color scale with `d3.interpolateTurbo`, and SVG rendering. Interactive tooltips appear on mouseover, while a legend explains size and color mappings. Data is loaded from a CSV file using `d3.csv`.

Jjtulasi05@gmail.com

95% 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

95% 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

95% 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

95% match