Skip to main content
SimilarExport ZIP
100%

Activity 6 task 4(Q4)

✓ Published0🌍 Public
Ssharanyabobbala@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This bubble chart visualizes the electronics.csv dataset, plotting Units Sold (millions) on the x-axis, Market Value (billions) on the y-axis, and encoding Yearly Growth via circle size and Category via color. Rendered as SVG with animation, the chart uses D3 v7’s `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` to map data dimensions. Hovering reveals a tooltip with detailed values, implemented through D3’s selection and transition APIs.

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 - Q4

A bubble chart displays electronics data, plotting screen size on the x-axis against price on the y-axis, where each circle’s radius encodes horizontal resolution. Built with D3 v7, it uses `d3.csv`, `d3.scaleLinear`, and SVG circles, with an interactive tooltip triggered by `mouseover`, `mousemove`, and `mouseleave` events. The chart animates opacity on hover, and axes are generated via `d3.axisBottom` and `d3.axisLeft`.

Ppravallikachowdary16518@gmail.com
85% match
Loading thumbnail…

Activity 6 Question 4

This bubble chart visualizes sales performance for 39 products, plotting Revenue on the x-axis against Units Sold on the y-axis, with bubble radius encoding units sold and color encoding product category (Electronics, Apparel, Home Decor). Hovering over a bubble reveals a tooltip with product details. Built with D3 v7, it uses d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for category colors, rendering SVG elements from a CSV data source.

Kkrishi7079@gmail.com
85% 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
84% match
Loading thumbnail…

Activity_6_4

This bubble chart visualizes gadget products by plotting price on the x-axis, quantity sold on the y-axis, and using bubble size to represent profit margin, with colors distinguishing product categories. The visualization loads CSV data from a GitHub repository and renders as SVG using d3.csv, scaleLinear, scaleSqrt, scaleOrdinal, and d3.axisBottom/axisLeft. A custom legend displays the categorical color mapping, while hover effects increase bubble opacity and add a stroke, making the chart interactive and readable.

Rrishikareddy181@gmail.com
82% match
Loading thumbnail…

Actvity6_Task4_Question4

This bubble chart visualizes product sales performance by plotting sales revenue on the x-axis and profit on the y-axis, with bubble size representing units sold. Each product is colored using `d3.scaleOrdinal` with `d3.schemeCategory10`, and the chart includes axis labels and a title. The data is loaded from a CSV file using `d3.csv`, and the visualization is rendered as an SVG using D3 v7 APIs such as `d3.scaleLinear` for axes and bubble scaling.

SShasankreddyganta@my.unt.edu
82% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows sales performance by product, plotting Profit against Revenue where the size of each circle represents Units Sold. Built with D3 v7, it renders as SVG using `d3.scaleLinear` for the x, y, and bubble-size scales, `d3.axisBottom`, and `d3.axisLeft`. The code reads data from a local CSV file and uses the `d3.csv` API to load it.

SSatish Nallamadugu
82% match
Loading thumbnail…

Activity6_ Question4

A bubble chart visualizes sales and profit by country, with bubble size encoding market share and color distinguishing each region. The SVG renders circles positioned by linear scales for the x and y axes, while a sqrt scale maps market share to radius. Data loads from a CSV file via `d3.csv`, with D3 v7 handling scales, axes, and the `d3.schemeCategory10` color scale. Labels display country names at each bubble's center, with axis titles for sales and profit.

Ggroup118sai@gmail.com
82% match
Loading thumbnail…

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.

Cchandrikachowdary867@gmail.com
81% match