Skip to main content
SimilarExport ZIP
100%

activity6 question-4

✓ Published0🌍 Public
AAP19110020041-Pavan Kumar
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 20 car makes. Each circle represents a car make, positioned by horsepower and torque on the x and y axes, with circle size encoding highway MPG and color distinguishing the make. The visualization uses D3 v7 with SVG rendering, featuring a tooltip that displays the car make on hover and a legend for bubble size. The chart is built using `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft`, with smooth opacity transitions on mouse events.

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…

activity6question4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for different car makes. 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. Hovering a bubble reveals the make via a tooltip. The visualization uses D3 v7 with SVG rendering and static animation, reading data from a CSV file. It builds custom axes, a size legend for MPG, and a color legend for makes, using D3’s `scaleLinear`, `scaleOrdinal`, and `interpolateTurbo` for color mapping.

Vvaishnavi6gan@gmail.com
96% match
Loading thumbnail…

Activity 6 - Question 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 30 car makes. Each circle represents a car make, with its x-axis position showing horsepower, y-axis showing torque, and bubble size encoding highway MPG. The visualization uses d3.csv to load data and d3.scaleLinear for positioning and sizing, with d3.scaleOrdinal and d3.interpolateTurbo assigning colors to different makes. Interactive tooltips appear on mouseover, displaying each make’s name, while legend circles and color swatches explain the MPG scale and color mapping.

Vvaishnavi6gan@gmail.com
96% match
Loading thumbnail…

Activity6_question4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle represents a car make, positioned by its horsepower and torque values, while the circle's size reflects its highway MPG and its color distinguishes the make. The chart uses d3.scaleLinear for axes and bubble size, and d3.scaleOrdinal for color mapping. Interactive tooltips display the make on hover, and a legend shows the MPG scale and color categories. The data is loaded from a CSV file using d3.csv.

Nneerajreddyaluka@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position is determined by its horsepower (x-axis) and torque (y-axis), while the bubble size scales with highway MPG. The chart uses D3.js v7 to render SVG graphics, with color encoding categorical car makes and a custom tooltip providing specific details on hover. It includes legends for bubble size and color, and animates user interactions smoothly.

AAP19110020041-Pavan Kumar
95% match
Loading thumbnail…

Activity 6_question4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 20 car makes. Each bubble’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, it renders scalable vector graphics (SVG) circles with a black tooltip that appears on mouseover showing the make. The visualization employs d3.scaleLinear, d3.scaleOrdinal, and d3.interpolateTurbo for scales and color, with static legends for size and categorical colors.

Jjampani921@gmail.com
95% match
Loading thumbnail…

activity6_task 4

This interactive bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle represents a vehicle make, positioned by its horsepower and torque values, with the circle size encoding highway MPG and color distinguishing makes. The chart uses D3.js v7 with SVG for rendering and includes a tooltip that displays the make on mouseover, plus legends for bubble size and color categories. Data is loaded from a CSV file, and D3 scales and axes are used to map the quantitative fields.

Llingaladineshteja23@gmail.com
95% match
Loading thumbnail…

Activity7_Question-4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle represents a vehicle make, positioned by its horsepower and torque values, with the circle radius encoding highway MPG and color distinguishing different makes. The visualization uses D3 v7 with SVG rendering, featuring interactive tooltips on mouseover and a legend displaying MPG ranges. Data is loaded from a CSV file, with scales mapping continuous variables and color assigned through an ordinal scale.

Vvarun.mahankali39@gmail.com
95% match
Loading thumbnail…

Activity6_Question4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes. Each circle represents a make, positioned by horsepower and torque, with its size scaled by highway MPG and colored by make. The visualization includes a legend for bubble size and interactive tooltips on hover. Built with D3 v7, it uses SVG elements and linear scales to map the data from the provided CSV file.

LLakshanya Sirigiri
95% match