Skip to main content
SimilarExport ZIP
100%

Activity 6_Tutorial 4

✓ Published0🌍 Public
Ppenujulilikhil01020@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This example visualizes the correlation between average torque, horsepower, and highway MPG across multiple car makes using a bubble chart. Each circle represents a car make, positioned by horsepower on the x-axis and torque on the y-axis, with bubble size proportional to highway MPG and color encoding the make. The chart includes interactive tooltips, a legend for bubble sizes, and a color legend. It is built with D3 v7, using d3.csv for data loading, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal for color mapping.

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…

Tutorial4_Activity6

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s position encodes torque and horsepower, while its radius reflects highway MPG and its color represents the car manufacturer. The chart includes axes, labels, a size legend, and an interactive tooltip that reveals the make on hover. It uses D3 v7 with SVG rendering, including `d3.csv` for data loading, linear scales for axes and bubble size, an ordinal color scale, and mouse event handlers for tooltip display.

Ssanjanadadi19@gmail.com
96% match
Loading thumbnail…

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with bubble size encoding MPG and color distinguishing makes. Built with D3 v7, it uses SVG circles positioned by linear scales for torque and horsepower, with a legend for MPG values and a tooltip displaying car make on hover. The chart also includes a color legend for all makes, and data is loaded from a CSV file.

Yyadlapallisaisathvik@gmail.com
96% match
Loading thumbnail…

Activity 6 Tutorial 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position encoding horsepower and torque, while its radius and color represent highway MPG and car make, respectively. A tooltip displays the car make on hover, and a legend explains the bubble size scale for highway MPG values. The visualization is built with D3 v7, using `d3.csv` for data loading, `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and SVG elements for rendering.

Nnikhilapogula@my.unt.edu
95% match
Loading thumbnail…

Activity 6 tutorial 4

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 the radius represents highway MPG and color distinguishes the car brand. The visualization uses d3.csv to load the data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal for color mapping. Interactive tooltips appear on mouseover using D3 event handlers, with a legend showing MPG values and car-make color codes.

AAamani Chamarthi
95% match
Loading thumbnail…

Activity6_Task4_Tutorial

This example visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes using a bubble chart. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color maps to the car make via a categorical scale. The visualization uses d3.csv to load the data, d3.scaleLinear for axes and bubble size, and d3.scaleOrdinal with d3.interpolateTurbo for colors, rendering in SVG. Interactive tooltips appear on hover, and a legend explains both size and color encodings.

Vvidiyalasahithi1999@gmail.com
95% match
Loading thumbnail…

Activity6_tutorial4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle position encoding the first two variables, size encoding MPG, and color distinguishing each manufacturer. The visualization uses d3.csv to load data and d3.scaleLinear for x, y, and radius mappings, with d3.axisBottom and d3.axisLeft generating axes. Interactive tooltips appear on mouseover using D3 event handling, while a legend displays MPG circle sizes and color-coded make labels. Rendering uses D3 v7 with SVG, including a custom color scale via d3.scaleOrdinal and d3.interpolateTurbo.

Vvenkatdinesh5010@gmail.com
95% match
Loading thumbnail…

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position encoding horsepower on the x-axis and torque on the y-axis, while radius and color represent MPG and make, respectively. Using d3.v7, the chart loads data from a CSV, renders SVG circles with tooltips on hover, and includes a legend for circle size and color. Interactive features rely on event handlers for mouseover, mousemove, and mouseleave to display tooltips.

1188r1a0559@gmail.com
95% match
Loading thumbnail…

Activity6_Task4_Tutorial

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 size and color represent highway MPG and make, respectively. Hovering reveals a tooltip with the make name. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for coloring, and includes a size legend and interactive mouse events for tooltips.

Nnavyabade05@gmail.com
95% match