Activity6_Tutorial4

Activity6_tutorial4

This visualization presents a bubble chart exploring the relationship between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position maps to horsepower and torque, while its size encodes highway MPG and color distinguishes the manufacturer. The chart reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends detail both MPG scale and make colors.

Activity6_tutorial4

Activity6_tutorial4

Activity6_tutorial4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle position encoding the first two variables, size encoding MPG, and color distinguishing each manufacturer. The visualization uses d3.csv to load data and d3.scaleLinear for x, y, and radius mappings, with d3.axisBottom and d3.axisLeft generating axes. Interactive tooltips appear on mouseover using D3 event handling, while a legend displays MPG circle sizes and color-coded make labels. Rendering uses D3 v7 with SVG, including a custom color scale via d3.scaleOrdinal and d3.interpolateTurbo.

activity8tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius and color encode highway MPG and make, respectively. The chart uses d3.csv to load data, d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for color, and SVG circles with mouseover tooltips. A legend for MPG values and make colors is included, and hover effects use opacity transitions.

BBindumadhavi

Activity 6 tutorial 4

This 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 the radius represents highway MPG and color distinguishes the car brand. The visualization uses d3.csv to load the data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal for color mapping. Interactive tooltips appear on mouseover using D3 event handlers, with a legend showing MPG values and car-make color codes.

AAamani Chamarthi

Tutorial4_Activity6

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s position encodes torque and horsepower, while its radius reflects highway MPG and its color represents the car manufacturer. The chart includes axes, labels, a size legend, and an interactive tooltip that reveals the make on hover. It uses D3 v7 with SVG rendering, including `d3.csv` for data loading, linear scales for axes and bubble size, an ordinal color scale, and mouse event handlers for tooltip display.

Ssanjanadadi19@gmail.com

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position encoding horsepower on the x-axis and torque on the y-axis, while radius and color represent MPG and make, respectively. Using d3.v7, the chart loads data from a CSV, renders SVG circles with tooltips on hover, and includes a legend for circle size and color. Interactive features rely on event handlers for mouseover, mousemove, and mouseleave to display tooltips.

1188r1a0559@gmail.com