Activity6_tutorial4

Yyadlapallisaisathvik@gmail.com

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with bubble size encoding MPG and color distinguishing makes. Built with D3 v7, it uses SVG circles positioned by linear scales for torque and horsepower, with a legend for MPG values and a tooltip displaying car make on hover. The chart also includes a color legend for all makes, and data is loaded from a CSV file.

Vvenkatdinesh5010@gmail.com

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.

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

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

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_Task4_Tutorial

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 its size and color represent highway MPG and make, respectively. Hovering reveals a tooltip with the make name. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for coloring, and includes a size legend and interactive mouse events for tooltips.

Nnavyabade05@gmail.com

Activity6_Tutorial4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for 31 car makes, using bubble size to encode MPG and color to distinguish brands. It reads data from a CSV file and renders circles via D3 v7’s SVG API, with interactive tooltips triggered by mouse events. The visualization includes axis labels, a size legend for MPG, and a color category legend, all positioned within an SVG canvas using D3 scales and ordinal color mapping.

Ggnanendra097@gmail.com

Activity6_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius and color represent highway MPG and manufacturer, respectively. The chart uses d3.csv to load the dataset, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends for MPG and car makes are rendered alongside the SVG animation.

LLakshanya Sirigiri