Fork of Activity6_Task4_Question4

Activity6_Task4_Question4

This visualization presents a bubble chart exploring the correlation between engine CC (cubic capacity), maximum speed, and highway MPG for various motorcycle models. Each bubble’s horizontal position maps to CC, its vertical position to max speed, and its size encodes highway MPG, while color distinguishes vehicle makes. Built using D3.js v7 with SVG and animation, the chart includes an interactive tooltip that reveals the vehicle make on hover, plus a size legend illustrating MPG value thresholds. Data is loaded from a CSV file using `d3.csv` and scales are computed with `d3.scaleLinear` and `d3.scaleOrdinal`.

95% match

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.

93% match

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s size encoding highway MPG and its color representing the manufacturer. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color mapping. Hovering over a bubble triggers a custom tooltip via `mouseover`, `mousemove`, and `mouseleave` events, while a legend shows MPG values and make colors.

UUday Vandanapu

89% match

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

Vvenkatabhaskaratetali@my.unt.edu

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.

RRishithaGarnepudi@my.unt.edu

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes, with bubble size encoding fuel efficiency and color distinguishing each manufacturer. Rendered as SVG with D3 v7, it uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` for a continuous color palette. Interactive tooltips appear on mouseover events, while legends explain the size mapping and categorical colors, with data sourced from a CSV file.

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Bubble size encodes highway MPG, while color distinguishes car brand. The visualization uses D3 v7 to render SVG circles, with a tooltip displaying the make on hover. It incorporates a legend for bubble size and color, using scales like `d3.scaleLinear` and `d3.scaleOrdinal`, and reads data from a CSV file.

Activity6_Task4