Act 6 task 4

Act6_task4

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, while its size represents highway MPG, and its color distinguishes the manufacturer. The visualization uses d3.csv to load the data and d3.scaleLinear for axes and bubble scaling, with an SVG-based tooltip showing the car make on hover. A legend displays MPG value references and color-coded make labels.

Nnumitha

Ssaisathvikapotluri@gmail.com

act6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across 31 car makes, using circle size to represent fuel efficiency and color to distinguish brands. It loads CSV data with d3.csv, scales the axes with d3.scaleLinear, and maps bubble radius through a separate linear scale. Interactive tooltips appear on mouseover, while a legend explains the MPG sizing. The visualization is rendered as SVG with opacity changes on hover, built using D3 v7 selection and join methods.

act6_task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position reflects horsepower and torque, while its size encodes highway MPG and its color distinguishes the car make. Built with D3.js v7, the chart uses d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/Left, with SVG rendering. Hovering reveals a tooltip, and a legend displays MPG size values and make colors. Data comes from the bundled bubblechart.csv.

Ssravani1969@gmail.com

ACT6_TASK4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. The x-axis maps horsepower, the y-axis maps torque, while the size of each bubble encodes highway MPG and the color distinguishes different car manufacturers. A legend showing the MPG scale is on the right, and color-coded dots identify each make. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.interpolateTurbo` to assign a color to each make. The SVG render includes an interactive tooltip that appears on mouseover, displaying the car make. Data is loaded from a local CSV file.

RRevanth putta

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

Aanisha.peddireddy@gmail.com

Activity 6 Task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG, and color identifies the manufacturer. The visualization uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal for color, and SVG circles with mouseover tooltips. It includes a legend for MPG circle sizes and a color-coded make legend. Data loads from a CSV via d3.csv.

Activity6-Task4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius maps to highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and SVG animations for hover effects. A tooltip with mouse events displays the car make, and dual legends show the MPG bubble-size scale and the color-coded brands. Data is loaded from an external CSV file.

Mmeenam1106@gmail.com

Activity 6 Task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and car make respectively. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, showing the make of each vehicle. Legend circles indicate MPG values, with SVG rendering and CSS-based hover opacity transitions.

SSai Gottumukkala