Acitivity6 Q9

100%

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

This bubble chart displays the correlation between grams sold, cost per gram, and total cost for various lentil types. The x-axis represents grams sold, the y-axis shows cost per gram, and the size of each circle encodes the total cost, while color distinguishes each lentil variety. Hovering over a bubble reveals a tooltip with the item’s name. The chart uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, d3.interpolateTurbo for color mapping, and SVG rendering with mouse event handlers for interactions.

AI-generated description

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

74% match

Loading thumbnail…

Activtiy6-Question4

A bubble chart visualizes sales data for 19 employees, plotting cost of sales against profit, while bubble size encodes quantity sold and color distinguishes individual employees. The chart includes a legend for bubble size and a color legend. Built with D3.js v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.interpolateTurbo` for colors, and SVG circles. Interactive tooltips display employee names on mouseover. Data is loaded from a local CSV file.

Ssowmyaammula.sdv@gmail.com

74% match

Loading thumbnail…

Activity6

This interactive bubble chart visualizes the correlation between manufacturing cost, selling price, and profit percentage for various car makes, using data from a CSV file. The chart displays circles positioned by selling price on the x-axis and make cost on the y-axis, with bubble size scaled to profit percentage and color encoding brand identity. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color scheme. The visualization includes a legend and animated tooltips that appear on mouseover.

Kkeerthi.yanala104@gmail.com

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

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

72% match

Loading thumbnail…

Activity6_Question4

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.

UUday Vandanapu

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

72% match

Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average price, weight, and capacity across 15 consumer electronics products. Each circle’s x-position maps price, y-position maps weight, and radius encodes capacity, while color distinguishes product type via a categorical scale using `d3.interpolateTurbo`. The D3 v7 SVG implementation includes axes, a capacity legend with reference circles, and a tooltip that appears on mouseover using `d3.pointer` events. Data is loaded from a CSV file with `d3.csv`, and hover interactions adjust opacity through CSS transitions.

HHari Kiran

72% match