Skip to main content
SimilarExport ZIP
100%

Activity6_4Q

✓ Published0🌍 Public
Ggreeshmareddy135@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Finalq4activity6

A bubble chart visualizes the correlation between processing speed, memory, and camera megapixels for consumer electronics brands from electronic_data.csv. Each circle's horizontal position encodes average processing speed (GHz), vertical position encodes average memory (GB), and radius encodes camera megapixels. The chart uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.interpolateTurbo for brand colors, and d3.axisBottom/d3.axisLeft for tick labels. Interactive tooltips appear on mouseover via d3 event handlers, with a legend showing megapixel ranges and brand color dots, all rendered as SVG with D3 v7.

Vvaishnavi6gan@gmail.com
84% match
Loading thumbnail…

Activity6_Question9

This bubble chart visualizes the relationship between screen size, camera resolution, and price for various mobile phone brands. Each circle represents a brand, positioned by its screen size on the x-axis and camera pixels on the y-axis, with the circle's radius encoding the device's price. The chart uses `d3.scaleLinear` for axis and size scaling, and `d3.scaleOrdinal` with `d3.schemeSet3` for brand coloring. Data is loaded from a local `Features.csv` file, rendered as SVG circles with black strokes and 0.7 opacity.

Kkartheekgrpt@gmail.com
83% match
Loading thumbnail…

Activity6_Q4

This bubble chart visualizes the correlation between max speed, acceleration, and fuel efficiency for various car brands, with each circle's size representing fuel efficiency and color encoding brand identity. The visualization includes a tooltip that displays the brand name on hover, as well as legends for both fuel efficiency values and brand categories. Built with D3 v7, the chart uses d3.csv to load data, d3.scaleLinear for positioning and sizing, d3.scaleOrdinal for colors, and SVG circle elements with mouse event handlers for interactivity.

Sssuryateja804@gmail.com
83% match
Loading thumbnail…

activity6_Task-4

This interactive bubble chart, built with D3.js v7 and SVG animation, visualizes the correlation between processor speed (x-axis), battery capacity (y-axis), and camera resolution (bubble size) across 32 smartphone brands from a CSV file. Each bubble is color-coded by brand using `d3.scaleOrdinal` and `d3.interpolateTurbo`, with a tooltip revealing brand names on hover via mouse events. The chart includes labeled axes, a circle-based legend for camera megapixels, and uses `d3.axisBottom` and `d3.axisLeft` for scales. The semi-transparent bubbles enhance visibility, while hover effects increase opacity.

Ggolisanthoshi2000@gmail.com
82% match