Ques4

Q4

This bubble chart uses D3 v7 to visualize sales data from a CSV file, plotting each product’s Revenue on the x-axis and Units Sold on the y-axis. Each circle is sized at a fixed radius and colored with `d3.scaleOrdinal` and `d3.schemeCategory10`. Hovering reveals a tooltip with product details, implemented via mouseover and mouseout events. The SVG is rendered with `d3.select` and `d3.append`, and axes are generated using `d3.axisBottom` and `d3.axisLeft`. The data is loaded with `d3.csv`.

Ssindhuja27b@gmail.com

assign-2

This bubble chart displays electronics products, plotting screen size against price while using bubble radius to represent horizontal resolution. Each circle is colored sky blue with black strokes and includes interactive tooltips showing brand, resolution, processor speed, and price details. The visualization uses D3 v7 APIs including `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and mouse event handlers for tooltip interactions. Data comes from a local CSV file, rendered as SVG with opacity changes on hover.

Vvaishnavi6gan@gmail.com

assign-2

Vvaishnavi6gan@gmail.com

Cchandrikachowdary867@gmail.com

activity 6_task4_Q9

This interactive bubble chart compares products by price on the x-axis and sales volume on the y-axis, with bubble size encoding each product’s rating. Built with D3.js v7, it renders as SVG and uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radii, and `d3.scaleOrdinal` with `d3.schemeCategory10` to color-code product categories. Hovering a bubble triggers a tooltip showing detailed product attributes, while a legend identifies each category. Data is loaded from a local CSV file.

Question4

A sales bubble chart visualizes revenue against units sold for ten product categories, with circle size encoding profit margin and color distinguishing each product. The D3 v7 visualization uses SVG rendering and includes axis labels, a categorical color legend, and interactive tooltips revealing exact values on hover. Data loads from a CSV file, with linear and square-root scales mapping the numeric dimensions.

Aasimcyb@gmail.com

Question-4

This bubble chart visualizes the correlation between power output, torque, and efficiency rating for various car manufacturers. Each bubble's position maps to power and torque on the x and y axes, its size encodes efficiency rating, and its color distinguishes the manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color encoding, and SVG circles for rendering. Interactive tooltips appear on mouseover, displaying manufacturer details, while a legend indicates efficiency values.

Rrahul.bonu524@gmail.com

Activity6_Task4

This interactive bubble chart visualizes the correlation between average price, weight, and capacity across 15 consumer electronics products. Each circle’s x-position maps price, y-position maps weight, and radius encodes capacity, while color distinguishes product type via a categorical scale using `d3.interpolateTurbo`. The D3 v7 SVG implementation includes axes, a capacity legend with reference circles, and a tooltip that appears on mouseover using `d3.pointer` events. Data is loaded from a CSV file with `d3.csv`, and hover interactions adjust opacity through CSS transitions.

HHari Kiran

Ggreeshmareddy135@gmail.com

Activity6_4Q

This D3.js v7 bubble chart visualizes the correlation between screen size, resolution, processor speed, and price for various TV brands. Color encodes brand identity while circle radius represents processor speed, with tooltips revealing brand names on hover. The visualization uses d3.csv to load data, d3.scaleOrdinal for color mapping, and d3.axisBottom/d3.axisLeft for axes. An SVG legend displays highway MPG value ranges and brand color keys, with styled tooltip interactions for enhanced data reading.