Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published2🌍 Public
Vvemulasai306@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example uses D3 v7 to render an animated SVG bubble chart exploring the relationship between average horsepower, torque, and highway MPG across car makes. It imports data from a local CSV file and uses linear scales for axes, an ordinal color scale with interpolateTurbo, and a size scale. Interactive tooltips appear on mouseover, while a legend encodes bubble size for highway MPG values. The visualization also includes axis labels and a title.

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…

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes, using circle size to represent highway MPG and color to distinguish makes. The visualization includes interactive tooltips that reveal the make on hover. Built with D3 v7, it renders as an SVG with linear scales for positioning and size, an ordinal color scale using interpolateTurbo, and a legend showing MPG values. Data is loaded from a local CSV file.

VVidya Lakshmi Chitturi
94% match
Loading thumbnail…

Activity6_Task4

This animated bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes using a CSV dataset. D3.js v7 renders SVG circles scaled by MPG and colored with a turbo-scaled ordinal palette. Interactive tooltips appear on mouseover, while the legend displays both bubble size reference circles and color-coded make labels. The implementation uses d3.csv, scaleLinear, scaleOrdinal, and event handlers for hover interactions.

Aadapasaidivya99@gmail.com
94% match
Loading thumbnail…

Activity6_Task4

A bubble chart displays the relationship between average horsepower, torque, and highway MPG for various car makes, with bubble size encoding MPG and color distinguishing manufacturers. The visualization uses D3.js v7 to load CSV data, render SVG circles, and apply linear scales for axes and bubble sizing. Interactive tooltips appear on mouseover, while legends explain the size and color mappings. The chart includes axis labels and a title, with data sourced from a local CSV file.

Aasimcyb@gmail.com
94% match
Loading thumbnail…

Activity-6_Task-4

This animated D3.js bubble chart explores the correlation between average horsepower, torque, and highway MPG for various car makes, using data from a GitHub-hosted CSV file. SVG circles are positioned by horsepower on the x-axis and torque on the y-axis, with radius encoding highway MPG and color distinguishing makes via a d3.scaleOrdinal with interpolateTurbo. Interactive tooltips appear on mouseover, while custom legends for bubble size and car makes clarify the encodings.

Hhoneyravuri.711@gmail.com
93% match
Loading thumbnail…

Activity6_Task4

A bubble chart examines the relationship between average horsepower and torque for various car makes, with the size of each bubble encoding highway MPG, and color distinguishing different manufacturers. The visualization includes a legend for bubble size and color, and interactive tooltips that display the make of each vehicle on hover. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` to generate a color palette. Data is loaded from a CSV file and rendered as animated SVG circles.

Hhemanthmaddila13@gmail.com
93% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, using circle size to encode MPG and color to distinguish makes. Built with D3 v7, it renders as an SVG with animated dots that respond to mouseover events, displaying a tooltip with the car make. The chart includes a legend for MPG values and color-coded make categories, reading data from a CSV file and using scales such as `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette.

Lleelakrishnadivi7@gmail.com
93% match
Loading thumbnail…

Activity6_task4

This bubble chart shows the relationship between average horsepower, torque, and highway MPG for various car makes, using bubble size to represent MPG and color to distinguish makes. Built with D3 v7, it renders as SVG with interactive tooltips on hover that display the car make. The chart uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and includes legends for bubble size and make colors, with data loaded from a local CSV file.

Pp99vijaya@gmail.com
92% match
Loading thumbnail…

Activity6_Task4

This animated bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes, with each circle’s position on the x- and y-axes encoding horsepower and torque, while its radius encodes highway MPG. Rendered as an SVG using D3 v7, the chart includes interactive tooltips on mouseover and a dual legend for bubble size and categorical color scale. Data is loaded from a CSV file via `d3.csv`, with scales defined using `d3.scaleLinear` and color assignment via `d3.scaleOrdinal` combined with `d3.interpolateTurbo`.

Ssumanthnaidu213@gmail.com
92% match