Skip to main content
SimilarExport ZIP
100%

Fork of Hello VizHub

✓ Published0🌍 Public
Ggreeshmareddy135@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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
85% match
Loading thumbnail…

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.

Vvaishnavi6gan@gmail.com
84% match
Loading thumbnail…

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.

Vvaishnavi6gan@gmail.com
84% match
Loading thumbnail…

Fork of Activity6 Question4

This bubble chart visualizes the relationship between screen size, price, and horizontal resolution for electronics from multiple brands. Circles positioned by screen size on the x-axis and price on the y-axis have radii scaled by resolution, colored green with red strokes. A tooltip displaying brand, resolution, processor speed, and price appears on mouseover. The chart uses d3.csv, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and SVG circle elements with interactive mouse events.

Ggreeshmareddy135@gmail.com
84% match
Loading thumbnail…

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
83% match
Loading thumbnail…

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
83% match
Loading thumbnail…

Fork of Activity 6 - Question 4

This interactive bubble chart displays the relationship between screen size and price for a synthetic dataset of electronics, with each circle’s area encoding horizontal resolution. Rendered as SVG using D3 v7, the visualization employs `d3.scaleLinear` for the x, y, and radius scales, `d3.axisBottom` and `d3.axisLeft` for axes, and mouse event handlers (`mouseover`, `mousemove`, `mouseleave`) to show a tooltip with detailed specifications. The code reads data from `bubblechart.csv` and animates transitions on the tooltip’s opacity.

Gganeshrajuparmalla@my.unt.edu
83% match
Loading thumbnail…

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.

Ggreeshmareddy135@gmail.com
81% match