100%

Activity6_Question4

✓ Published0🌍 Public

Last edited Oct 23, 2024

Created on Oct 23, 2024

This visualization displays a bubble chart showing the correlation between quantity sold, price per unit, and revenue for a dataset of fruits loaded from a CSV file. Each circle’s x-position encodes quantity sold (pounds), y-position encodes price per unit (USD), and radius encodes revenue, with color mapping to fruit type via a scaleOrdinal and d3.interpolateTurbo. The SVG is built using d3.v7 with axisBottom and axisLeft scales, and includes interactive tooltips on mouseover, plus legends for revenue size and fruit categories.

AI-generated description

We are Displaying the bubble chart using vegetables.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4.9

This bubble chart visualizes the relationship between sales volume, pricing, and revenue for 20 vegetables using a CSV dataset. The x-axis maps quantity sold in pounds, the y-axis maps price per unit in USD, and bubble size represents revenue while color distinguishes vegetable types. Interactive tooltips appear on mouseover. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with interpolateTurbo for coloring, and SVG circles with event listeners for tooltip interactions. A legend indicates revenue bubble sizes, with all elements rendered as animated SVG.

UUday Vandanapu

90% match

Loading thumbnail…

Question 4 Lokesh

This bubble chart visualizes the correlation between quantity sold, price per unit, and revenue for a dataset of 20 fruits. Each circle’s position encodes quantity sold (x-axis) and price per unit (y-axis), while its size and color represent revenue and fruit type, respectively. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and includes interactive tooltips on mouseover. A legend communicates revenue scaling, and the data is loaded from a CSV file via `d3.csv`.

Rrayavarapulokesh3@gmail.com

87% match

Loading thumbnail…

Fork of Fork of Hello VizHubActivity6_Question4.9

This bubble chart visualizes the relationship between sales volume (x-axis), price per unit (y-axis), and revenue (bubble size and color) for 20 vegetables. Each circle represents a vegetable, with revenue encoded by both radius and a color scale using `d3.scaleOrdinal` and `d3.interpolateTurbo`. The chart includes axis labels, a revenue legend with reference circles, and interactive tooltips via `d3.select`. Data is loaded asynchronously from a CSV file using `d3.csv`, and rendered as an SVG with D3 v7.

UUday Vandanapu

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

85% match

Loading thumbnail…

Activity6_Task4

A bubble chart visualizes correlations between average weight, sugar content, and price per kilogram for various fruits. Sized circles encode price, while color distinguishes fruit types. Built with d3.v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and an interactive tooltip on mouse events. Data loads from a CSV file, rendered as SVG, with hover opacity changes and a size legend.

Aamanipeddolla@my.unt.edu

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

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

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

82% match