Skip to main content
SimilarExport ZIP
100%

T4

✓ Published0🌍 Public
Jjangalaupender@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's x-position represents horsepower, y-position represents torque, and size encodes MPG, with color differentiating car manufacturers. Data is loaded from a CSV file. The chart utilizes D3 v7's `scaleLinear`, `axisBottom`, `axisLeft`, `scaleOrdinal`, and `interpolateTurbo` APIs. Interactive tooltips display the car make on mouseover, and a legend explains the bubble sizing and color scheme.

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…

t4

This bubble chart explores the correlation between average horsepower, torque, and highway MPG across different car makes. Using the D3.js library (v7), circles are positioned by horsepower and torque on x- and y-axes, with radius and color encoding MPG and make respectively. The visualization includes an interactive tooltip that reveals the make on hover, implemented with mouseover, mousemove, and mouseleave events. A legend communicates both the MPG radius scale and color-coded makes, while data comes from a CSV file.

Aamshureddy13@gmail.com
96% match
Loading thumbnail…

t-4

A bubble chart reveals correlations between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower and torque on linear scales, while its radius encodes highway MPG via a second linear scale. Color distinguishes makes using d3.scaleOrdinal with d3.interpolateTurbo. Hovering triggers tooltips through D3 mouse events. The visualization includes a legend for MPG values and make colors. Data loads from a CSV file.

AArunVurukonda@my.unt.edu
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
94% match
Loading thumbnail…

A6_T4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s x-position encodes horsepower, the y-axis represents torque, and the circle’s radius scales with highway MPG, while color distinguishes the manufacturer. Implemented with D3 v7, the chart renders as SVG with animated transitions and tooltips on hover, using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color mapping. A legend displays the MPG scale and make colors. Data is loaded from a local CSV via `d3.csv`.

DDee
94% match
Loading thumbnail…

Fork of t4

This bubble chart shows the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size) for various car makes, with each bubble colored by brand. Built with D3 v7, it renders as an SVG with animated tooltips. The visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` to generate the color palette. Data is loaded from a CSV file, and the chart includes a legend for MPG values and a color-coded list of makes.

Aamshureddy13@gmail.com
94% match
Loading thumbnail…

Question 4

This interactive 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 represents highway MPG and color distinguishes car makes. The visualization includes hover tooltips showing each make’s name, plus legends for bubble size and color categories. It uses d3.csv to load data, d3.scaleLinear for positioning and sizing, d3.scaleOrdinal with d3.interpolateTurbo for color mapping, and d3.axisBottom and d3.axisLeft for axes, with SVG rendering and animated transitions.

Kkandulasunny17@gmail.com
93% match
Loading thumbnail…

tutorial 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its size represents highway MPG and its color distinguishes the car manufacturer. The visualization includes interactive tooltips that display the make on hover, along with legends for both bubble size and color categories. Built with d3.v7, it uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.interpolateTurbo for colors, and SVG rendering with animated hover effects.

Aasheshpinisetti@my.unt.edu
93% match
Loading thumbnail…

A6_t4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes using D3.js v7. 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 the car make, respectively. An interactive tooltip appears on mouseover using the `.on` event handlers, and a legend decodes the MPG bubble sizes. The chart reads data from `bubblechart.csv` and renders via SVG with smoothed color transitions from `d3.interpolateTurbo`.

Llingaladineshteja23@gmail.com
93% match