Tutorial 4 Aadesh

HHarshithakodakandla@my.unt.edu

Tutorial_4

This bubble chart shows 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 maps to highway MPG and color distinguishes car make. Built with D3.js (v7), the visualization includes hover tooltips, a legend for MPG values, and a color legend for makes. Data is loaded from a CSV file, rendered as SVG, and scales are defined using `d3.scaleLinear` and `d3.scaleOrdinal`.

Ssaitejakaranam10@gmail.com

tutorial4

This animated bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various 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. Built with D3 v7, the SVG renders tooltips on mouseover, a size legend for MPG values, and a categorical color legend. Data is loaded from a CSV file, with linear scales and `d3.scaleOrdinal` driving the encoding.

Tutorial 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble positioned by horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and make, respectively. Built with D3.js v7, the SVG chart includes animated mouseover tooltips that display the car make, and a legend showing MPG scale and color-coded makes. It reads from a CSV file, uses linear scales for axes and bubble size, and applies an ordinal color scale using interpolateTurbo.

MMohammed Abdul Mannan

Aasheshpinisetti@my.unt.edu

tutorial 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its size represents highway MPG and its color distinguishes the car manufacturer. The visualization includes interactive tooltips that display the make on hover, along with legends for both bubble size and color categories. Built with d3.v7, it uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.interpolateTurbo for colors, and SVG rendering with animated hover effects.

Aasheshpinisetti@my.unt.edu

Tutorial 4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding fuel efficiency and color distinguishing brands. Built with d3.v7, the SVG visualization includes hover tooltips showing make names, a legend for MPG values, and a color key for makes. It reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with interpolateTurbo for color assignment, and renders circles with mouse event handlers for interactive tooltips.

Tutorial 4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes, with each circle’s position representing torque and horsepower, its size encoding highway MPG, and its color indicating the manufacturer. Using d3.v7, the visualization applies linear scales for axes and bubble radius, an ordinal color scale with `d3.interpolateTurbo`, and SVG rendering. Interactive tooltips appear on mouseover, while a legend explains size and color mappings. Data is loaded from a CSV file using `d3.csv`.

Jjtulasi05@gmail.com

Mmaheshsachin1234@gmail.com

tutorial 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower and torque on the x and y axes, while its radius encodes highway MPG and its color distinguishes the car make. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with interpolateTurbo for color mapping. Hovering reveals a tooltip with the make name, and a legend displays both MPG values and manufacturer color codes.

Tutorial 4_Bubble chart

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s x-position maps horsepower, its y-position maps torque, and its size encodes highway MPG, with color distinguishing manufacturer. Built with D3.js v7, the SVG chart includes interactive tooltips on hover, a legend, and axis labels. Data is loaded from a CSV file, and animated transitions are used for tooltip opacity.

Jjayanthbalina@gmail.com