Activity6_Question 9

100%

Activity6_Question 9

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

This bubble chart visualizes the relationship between product price and sales volume, with bubble size representing product rating and color distinguishing product categories. The chart uses D3 v7 with SVG rendering, incorporating `scaleOrdinal` with `schemeCategory10` for categorical colors, `scaleLinear` for both axes, and `scaleSqrt` for bubble radius. Interactive tooltips appear on mouseover, displaying detailed product information via D3 event handlers. Product labels are placed inside each bubble, and a categorical legend maps colors to outdoor product types.

AI-generated description

MIT Licensed

Similar vizzes

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

91% match

Loading thumbnail…

fork of activity_6_question_4

This bubble chart visualizes product data, mapping price to the x-axis, sales volume to the y-axis, and rating to bubble radius, with categories distinguished by color. The D3 v7 code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for circle sizes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. The SVG rendering includes a legend, axis labels, and interactive tooltips that display product details on mouseover. Data is loaded from a CSV file using `d3.csv`.

JJaswanthkota@my.unt.edu

88% 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

87% match

Loading thumbnail…

Activity6_Question4

This bubble chart visualizes product data from a CSV file, plotting price on the x-axis against quantity sold on the y-axis. Each circle’s radius represents profit margin using `d3.scaleSqrt`, while color encodes the product category through `d3.scaleOrdinal` with `d3.schemeTableau10`. The SVG rendering uses `d3.axisBottom`, `d3.axisLeft`, and the `d3.select` and `.enter()` APIs to draw circles, with a custom HTML legend positioned in the upper right corner.

SSai Praveen Lokavarapu

87% match

Loading thumbnail…

Activity6_Q4

This bubble chart visualizes the relationship between product price, quantity in stock, and ratings. Each circle’s position encodes price and stock quantity, while its size reflects the product’s rating and its color indicates the product category. The visualization uses D3.js v7 to load data from a CSV file and render an SVG. Interactive tooltips appear on hover, showing product names, and a legend illustrates the rating scale. The chart also implements margin conventions and custom color scales for categorical data.

MMeghana Sadhu

86% match

Loading thumbnail…

Fork of question 9

This bubble chart visualizes product pricing, sales volume, and customer ratings, with bubble size representing rating and color indicating category. The D3 v7 code loads data from CSV using `d3.csv`, scales values with `d3.scaleLinear` and `d3.scaleSqrt`, and renders SVG circles. Interactive tooltips appear on mouseover, while a legend identifies product categories using `d3.scaleOrdinal` with `d3.schemeCategory10`.

Vvinaykollapudi@my.unt.edu

85% 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

85% match

Loading thumbnail…

Activity6_Question-4

This bubble chart displays sales performance for ten products, plotting revenue on the x-axis and profit on the y-axis, with bubble size encoding units sold. The visualization uses a linear scale for both axes and a third linear scale to map units sold to bubble radii, with all bubbles rendered in steel blue with black outlines. The chart is drawn as an SVG using D3 v7, with axes and labels generated via `d3.axisBottom` and `d3.axisLeft`. Data is loaded from a CSV file using `d3.csv`, and circles are created with `.join('circle')` within an SVG group.

SSatish Nallamadugu

84% match