act 6 tutorial 4

act6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle represents a car model, with its x-position mapped to horsepower, y-position to torque, and bubble size scaled by highway MPG via d3.scaleLinear. The SVG rendering uses d3.axisBottom and d3.axisLeft for axes, while d3.scaleOrdinal assigns colors from d3.interpolateTurbo by make. Mouseover events trigger tooltips, and fixed legend circles indicate MPG size values. Data loads from an external CSV file.

Ssravani1969@gmail.com

activity 6 tutorial 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes. Each circle’s position is determined by its horsepower and torque values, while its size scales with highway MPG and its color indicates the car brand. Built with D3.js (v7), the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and SVG circles. Hovering over a bubble triggers a tooltip that displays the make, implemented with mouse event handlers and D3 transitions.

Ttsumanth619@gmail.com

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

act6_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car make, respectively. The visualization uses D3.js v7 with SVG rendering and includes interactive tooltips on mouseover, plus legends for both bubble size and categorical colors. Data is loaded from a CSV file, and the implementation uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes.

Ssravani1969@gmail.com

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.

Bbrahmateja.edu2023@gmail.com

activity6 task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle represents a car brand, positioned by its horsepower and torque values, with circle size encoding highway MPG and color distinguishing makes. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble scaling, and d3.scaleOrdinal with d3.interpolateTurbo for coloring. Interactive tooltips appear on mouseover, and a legend shows MPG circle sizes and color-coded makes. The SVG is rendered with d3.v7 and includes axis labels and a title.

Bbrahmateja.edu2023@gmail.com

activity6 task4

Llingaladineshteja23@gmail.com

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.