123

100%

✓ Published1🌍 Public

Last edited Apr 5, 2024

Created on Apr 5, 2024

This bubble chart visualizes the correlation between engine power, torque, and fuel consumption for various motorcycle brands. Each circle’s position encodes horsepower and torque, while its size represents highway MPG, and color distinguishes brand. The visualization includes an interactive tooltip that appears on hover and a legend for both bubble size and brand categories. Built with D3 v7, it uses d3.csv for data loading, d3.scaleLinear for positioning and sizing, and d3.axisBottom/axisLeft for axes, with SVG rendering and CSS-based opacity transitions for hover feedback.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4

This bubble chart shows the correlation between horsepower, torque, and highway MPG across 18 motorcycle brands. Each circle represents a brand, positioned by horsepower (x-axis) and torque (y-axis), with bubble size encoding highway MPG and color distinguishing manufacturers. Built with D3 v7 and SVG, it uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with interpolateTurbo for colors, and interactive tooltips on mouseover. A legend explains bubble size values and includes a color key for all makes. Data comes from bikes.csv.

Ssiddhubhupathi@gmail.com

91% match

Loading thumbnail…

Activity 6 ques4

This bubble chart visualizes the correlation between a motorcycle's average engine power, torque, and fuel consumption for a variety of brands. Each circle’s position encodes its power and torque along the x and y axes, while its size represents fuel consumption, and its color identifies the brand. The visualization uses D3.js to render the SVG, scale the data, and add interactive tooltips that display the brand on hover. A legend clarifies the size mapping, and a custom color scale based on `d3.interpolateTurbo` differentiates the manufacturers.

BBhavana Sharma

90% match

Loading thumbnail…

Fork of Activity 6 ques4

This bubble chart visualizes the correlation between engine power, torque, and fuel consumption across motorcycle brands using D3.js v7. Each circle’s x-position represents average engine power, its y-position average torque, and its radius encodes fuel consumption, while color distinguishes brand. The chart includes interactive tooltips on mouseover, a bubble-size legend, and a categorical color legend. Data is loaded from a CSV file, and the visualization renders as an SVG with linear scales and ordinal color mapping.

BBhavana Sharma

90% match

Loading thumbnail…

task 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various motorcycle makes. Each bubble’s position is determined by its horsepower and torque values, while its size and color encode highway MPG and the manufacturer, respectively. Tooltips reveal the make on hover. Built with D3.js v7, the visualization uses ordinal color scaling with an interpolated Turbo palette and linear scales for axes and bubble radius. A legend encodes bubble size for MPG values and color for categorical makes, with SVG rendering and CSS-based hover effects for enhanced interactivity.

Vvenkatabhaskaratetali@my.unt.edu

88% match

Loading thumbnail…

Activity6_Task4_Question4

This bubble chart visualizes correlations between average engine displacement (cc), torque, and highway MPG for motorcycle makes from a CSV dataset. Circle positions map torque against cc on linear scales, while bubble size encodes MPG values and colors distinguish motorcycle brands. Built with D3 v7, the SVG visualization includes interactive tooltips on mouseover and legend circles for MPG scaling. Hover effects and animated opacity transitions highlight individual data points, with axes labeled and colored by manufacturer using an interpolated color scale.

KKondreddy Saikiran reddy

87% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while its radius and color encode highway MPG and car brand. Built with d3.v7, it uses d3.scaleOrdinal for color, d3.scaleLinear for sizing, and SVG elements with mouseover tooltips displaying the make. A legend explains bubble sizes and brand colors, with data loaded from a CSV file.

Iindushashi.g@gmail.com

86% match

Loading thumbnail…

Activity6_Question4

This bubble chart visualizes correlations among engine power, torque, and fuel efficiency for 17 automaker brands using SVG circles. The x-axis maps average horsepower, the y-axis maps average torque, while bubble size encodes fuel efficiency and color distinguishes brand. Interactive tooltips display brand names on hover. The visualization uses D3 v7 scales (linear for axes and size, ordinal for color with interpolateTurbo), axis generators, and event listeners for tooltip positioning.

MMonish Galla

86% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle represents a car brand, positioned by its horsepower and torque values, with bubble size encoding highway MPG and color distinguishing the manufacturer. The visualization uses D3.js v7 with SVG rendering, featuring interactive tooltips on mouseover that display the make name. The chart also includes a legend for both bubble sizes and color categories, built with d3.scaleLinear and d3.scaleOrdinal APIs.

Aajaykumarseelam@my.unt.edu

85% match