Skip to main content
SimilarExport ZIP
100%

assig-2

✓ Published0🌍 Public
Vvaishnavi6gan@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity 6 - Question 4final

A D3.js bubble chart displays the relationship between television screen size, price, and vertical resolution, with each bubble's position encoding size and price, while its radius reflects resolution and color distinguishes brand. The visualization uses D3's scaleLinear for axes and bubble sizing, scaleOrdinal with interpolateTurbo for categorical colors, and interactive tooltips that appear on hover. Data is loaded from a local CSV file, and the animation-like transitions occur when tooltips fade in and out.

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

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.

Ggreeshmareddy135@gmail.com
80% 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
78% 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
78% match
Loading thumbnail…

act6-question9

A bubble chart visualizes advertising data, showing TV and Radio budgets on the x- and y-axes while the area of each circle encodes Sales figures. The visualization employs D3 v7 with `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radius, `d3.scaleSequential` with `d3.interpolateBlues` for color encoding, and `d3.axisBottom`/`d3.axisLeft`. Interactive tooltips appear on mouseover, and data loads from a CSV via `d3.csv`. Rendered as SVG with opacity and black stroke styling.

RRayabarapu Nikhitha
77% match
Loading thumbnail…

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
77% match