ACT6-tutorial4

100%

ACT6-tutorial4

✓ Published0🌍 Public

Last edited Oct 23, 2024

Created on Oct 23, 2024

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble's size encoding MPG and its color representing the manufacturer. Hovering over a bubble reveals the make name via a tooltip. Built with D3 v7, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color assignment. The SVG rendering includes axis labels, a size legend for MPG, and a color legend for car brands.

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…

ACT6_TUT4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position represents horsepower, y-position represents torque, and its radius encodes highway MPG, with color distinguishing car brands. Built with D3 v7, the SVG renders animated mouseover tooltips displaying the make. The chart includes axes with labels, a size legend for MPG values, and a color legend, using scales such as `d3.scaleLinear` and `d3.scaleOrdinal` applied to data from `bubblechart.csv`.

RRevanth putta

95% match

Loading thumbnail…

ACT6_TASK4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. The x-axis maps horsepower, the y-axis maps torque, while the size of each bubble encodes highway MPG and the color distinguishes different car manufacturers. A legend showing the MPG scale is on the right, and color-coded dots identify each make. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.interpolateTurbo` to assign a color to each make. The SVG render includes an interactive tooltip that appears on mouseover, displaying the car make. Data is loaded from a local CSV file.

RRevanth putta

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…

Tutorial4

This interactive bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble sized by fuel efficiency and colored by manufacturer. The visualization uses D3 v7 with SVG rendering and animated tooltips that appear on mouseover to display the car make. Data from `bubblechart.csv` is mapped through `d3.scaleLinear` for axes and bubble radius, with `d3.scaleOrdinal` assigning colors via `d3.interpolateTurbo` for the legend.

Cchintamanenithp@gmail.com

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

Tutorial 4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding fuel efficiency and color distinguishing brands. Built with d3.v7, the SVG visualization includes hover tooltips showing make names, a legend for MPG values, and a color key for makes. It reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with interpolateTurbo for color assignment, and renders circles with mouse event handlers for interactive tooltips.

Aasheshpinisetti@my.unt.edu

95% match

Loading thumbnail…

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, using bubble size to encode MPG and color to distinguish brands. The interactive D3.js v7 visualization renders SVG circles in a scatterplot, with tooltips displaying each make on hover. Data is loaded from a CSV file, and the code implements linear scales, a color ordinal scale using `d3.interpolateTurbo`, and legend elements with `d3.axisBottom` and `d3.axisLeft`.

Aa9.hemraj@gmail.com

95% match

Loading thumbnail…

activity6_task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing each manufacturer. Built with D3 v7, it renders scalable vector graphics (SVG) circles positioned by linear scales for the x and y axes, while an ordinal color scale maps make names to interpolated turbo colors. Interactive tooltips display the make on hover, and a legend shows MPG values and color-coded manufacturer markers. The chart reads from an external CSV file and uses D3’s selection, scale, and axis APIs.

Kkbhavithareddy06@gmail.com

94% match