assign-2

assign-2

100% match

assig-2

This interactive bubble chart visualizes synthetic TV data from a CSV file, plotting screen size against price while encoding vertical resolution through bubble radius and brand through color. Built with D3 v7, the SVG visualization includes animated hover effects with a custom tooltip displaying brand information. Using `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color spectrum, the chart responds to mouse events with transition-based tooltip show/move/hide functions.

84% match

Ggreeshmareddy135@gmail.com

Fork of Hello VizHub

This bubble chart visualizes the relationship between screen size and price for electronics, with bubble radius encoding horizontal resolution. It uses D3.js v7 to load CSV data and render SVG circles. The chart includes axis labels, a green-to-red color scheme, and interactive tooltips that display brand, resolution, processor speed, and price on mouseover. The tooltip positioning relies on the `event.x` and `event.y` properties from D3's event handling.

83% match

Activity6 Question4

A bubble chart displays electronics products with screen size on the x-axis, price on the y-axis, and horizontal resolution scaled to bubble radius using `d3.scaleLinear`. Built with d3.v7 and rendered as SVG circles, each bubble is green with red strokes at 50% opacity. Mouse events trigger tooltips showing brand, resolution, processor speed, and price. Data loads from `bubblechart.csv`, and animations occur through D3 transitions on tooltip opacity.

Ppslharika@gmail.com

83% match

Ggreeshmareddy135@gmail.com

Activity6_Question4

This bubble chart displays the relationship between screen size, price, and resolution for various electronics brands. The visualization uses D3.js v7 to render circles on an SVG canvas, with bubble size representing horizontal pixel resolution. Interactive tooltips appear on mouse hover, displaying detailed specifications including brand, screen dimensions, processor speed, and price. The chart includes labeled axes for screen size and price, with data sourced from a local CSV file containing thirty records across multiple brands.

Fork of Fork of Activity 6 - Question 4

This bubble chart displays the relationship between screen size, price, and horizontal resolution for electronic devices. The visualization uses a linear scale for both axes, while bubble radius is mapped to resolution. Built with D3.js v7, it renders as an SVG with interactive tooltips that appear on mouseover, displaying complete product specifications. The circles are semi-transparent skyblue with black strokes, and data comes from a static CSV file containing 30 TV models from various brands.

Fork of Fork of Activity 6 - Question 4

Fork of Activity6_Question4

This bubble chart visualizes the relationship between screen size, price, and horizontal resolution for various electronics brands. Each circle’s position encodes screen size on the x-axis and price on the y-axis, while its radius reflects horizontal resolution. Built with D3 v7, the SVG chart uses linear scales for all axes. Interactive tooltips, appended as HTML divs, display detailed specifications on mouseover. The underlying data is loaded from a local CSV file using `d3.csv`.

Ppslharika@gmail.com