srinivas tutorial4

Vvinaykollapudi@my.unt.edu

tutorial 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position encodes horsepower on the x-axis and torque on the y-axis, while its size represents highway MPG, and color distinguishes car manufacturers. The chart, built with d3.v7’s SVG API, includes tooltips on mouseover, a legend for bubble size, and a color scale using d3.interpolateTurbo and d3.scaleOrdinal. Data is loaded from a CSV file, with animated hover effects to highlight individual bubbles.

Kkommineniamarasadasivani2002@gmail.com

Tutorial_4_Sivani

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes using data from a CSV file. The D3 v7 visualization renders circles as SVG elements, with x and y axes mapping horsepower and torque while bubble size and color encode MPG and car make. Users can hover over individual bubbles to reveal tooltips displaying the make, and a legend demonstrates how circle size corresponds to MPG values using d3.scaleLinear and d3.scaleOrdinal with interpolated turbo colors.

VVenkataSaisrivishnuBatchu@my.unt.edu

Task4-Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position encodes horsepower and torque, while its radius represents highway MPG and its color distinguishes the manufacturer. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and a legend explains both bubble size and color categories. The chart is rendered in SVG with hover animations and opacity changes defined in CSS.

Activity-6_Tutorial-4

This interactive bubble chart visualizes correlations between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower and torque, while its radius represents highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization renders SVG elements and includes an interactive tooltip on hover. The code uses d3.scaleLinear, d3.scaleOrdinal, and d3.interpolateTurbo for color mapping. Data is loaded from the included bubblechart.csv file, with axis labels and a legend for bubble sizing.

VVasanth Krishna

Kkaringusathwika@gmail.com

Activity6 tutorial 4

This bubble chart shows the relationship between average horsepower, torque, and highway miles-per-gallon for various car makes. Horsepower is plotted on the x-axis, torque on the y-axis, and the bubble’s radius encodes highway MPG, with a color scale distinguishing different manufacturers. The visualization uses D3.js v7 to render an SVG with animated tooltips that display the car make on hover. A legend explains the MPG bubble sizes, and a color-coded list identifies each make. The chart is built from the `bubblechart.csv` dataset, with axes labeled and a turbo color interpolation applied to the categorical color mapping.

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

Aamulyareddykondru01@gmail.com

Activity6_tutorial-4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, with bubble position on the x- and y-axes representing horsepower and torque, and bubble size scaled by highway MPG. The chart includes interactive tooltips that display the car make upon hover. Implemented with D3 v7 (`d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`), the SVG rendering uses color-coded bubbles and a custom legend for MPG values, with data loaded from a CSV file.

Vvaishalireddy55555@gmail.com

Tutorial4

This bubble chart explores the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color distinguishes the car manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and SVG circles with interactive tooltips on mouseover. The legend explains both the MPG sizing and the color mapping for each make based on data from `bubblechart.csv`.