question4

Aaschowdary.shashi@gmail.com

Question4

This bubble chart visualizes smartphone performance by mapping battery life on the x-axis, RAM on the y-axis, and screen size to bubble radius, with colors distinguishing brands. Hovering over a circle reveals a tooltip showing brand, battery life, and RAM. The visualization uses d3.csv to load data, d3.scaleLinear for positioning and sizing, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.axisBottom and d3.axisLeft for axes. Data is rendered as SVG circles with mouseover, mousemove, and mouseleave event handlers managing tooltip transitions.

Bbhavyamoturi2509@gmail.com

q_6

A bubble chart compares car brands by horsepower (y-axis), torque (x-axis), and highway MPG (bubble size and color), with a legend mapping both bubble radius and ordinal color categories. Rendered as SVG with animation via D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to encode continuous and categorical variables. Interactive tooltips display each brand's make on hover. Data comes from the bundled `bubblechart.csv` file.

Task4 Question 4

This interactive bubble chart visualizes smartphone specifications, comparing screen size, camera resolution, and price across different brands. Each bubble’s position encodes screen size on the x-axis and camera resolution on the y-axis, while its radius represents price and its color indicates the brand. The visualization uses D3.js (v6) with an SVG rendering approach, employing `d3.scaleLinear` for the axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeSet3` for brand colors, and `d3.axisBottom`/`d3.axisLeft` for labeled axes. Data comes from the `smartphones.csv` file, loaded via `d3.csv`, with each point styled with opacity and a black stroke.

Nnitishsurneni@gmail.com

Ssumanthpenna0221@gmail.com

activity6_Task4 Question 4

This bubble chart displays smartphone specifications, plotting screen size on the x-axis against camera resolution on the y-axis, with bubble radius scaled by price and color encoding phone brand. The chart uses D3.js v6 with SVG rendering, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.schemeSet3` for brand colors, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. Data comes from the local `smartphones.csv` file, loaded via `d3.csv`.

Gguttavenkata745@gmail.com

Activity6_Task4 Question 4

This bubble chart visualizes smartphone specifications by mapping screen size to the x-axis, camera resolution to the y-axis, and price to bubble radius, with color encoding brand identity. The visualization uses d3.csv to load the smartphone dataset, then employs d3.scaleLinear for axes and sizing, d3.scaleOrdinal with d3.schemeSet3 for categorical colors, and d3.axisBottom and d3.axisLeft to render axes. SVG circles are appended and positioned using the scaled values, with opacity and stroke applied for readability.

Kkandulasunny17@gmail.com

Question 4

A bubble chart displays automobile attributes from a CSV dataset, plotting each car as a circle. The visualization uses D3.js v7 to load the data with `d3.csv` and render SVG elements. Currently, the code only loads and logs the data, so the chart itself is not yet drawn. The dataset includes columns for model, miles per gallon, cylinders, horsepower, and origin, which could be mapped to bubble position and size in a future implementation.

Kkandulasunny17@gmail.com

Question 4

A bubble chart visualizes the correlation between engine displacement, acceleration, and highway MPG for 1970s automobiles. Each circle represents a car model, positioned by its displacement and acceleration values, with the circle's radius scaled according to its MPG rating. The chart employs color encoding per car manufacturer, using the `d3.interpolateTurbo` color scale. Hovering over a bubble reveals a detailed tooltip displaying the car's make. Data is loaded from a local CSV file using `d3.csv`. The visualization includes a legend for both MPG values and manufacturer colors.

Ccharanshiva769@gmail.com

Activity-6_Question_4

A bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various automobile makes, with bubble size encoding MPG and color distinguishing brands. It uses D3.js v7 with SVG rendering and animation, reading data from a CSV file. Interactive tooltips display the car make on hover, while a legend explains bubble size and a color scale maps each brand to a unique hue via `d3.scaleOrdinal` and `d3.interpolateTurbo`.