Fork of Activity6_Question4

100%

Fork of Activity6_Question4

✓ Published0🌍 Public

Last edited Apr 13, 2024

Created on Apr 13, 2024

This bubble chart visualizes the correlation between avocado attributes, plotting Total Volume against Total Bags while using bubble size for Average Price and color for avocado type. Built with D3 v7, it loads data from a CSV file and renders an SVG with interactive tooltips. The chart includes a legend for bubble size and type colors, using d3.scaleLinear and d3.scaleOrdinal for encoding. Hovering over a bubble reveals detailed attribute values via a custom tooltip.

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

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

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

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

80% match

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

79% match

Loading thumbnail…

Fork of Activity6_Question_4

This fork of Activity6_Question_4 presents two visualizations: an SVG bubble chart of car makes comparing average torque, horsepower, and highway MPG, and an SVG scatterplot of countries plotting GDP per capita against life expectancy, with bubble size encoding population. The first chart uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.interpolateTurbo for color, and tooltip events. The second uses d3.scaleSqrt for radii and mouseover color changes. Both load data from CSV files (bubblechart.csv, Nation_General.csv) and render with d3.v7 into SVG elements.

Aadityatrip9899@gmail.com

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

78% match

Loading thumbnail…

Fork of Activity-6_Question-4

A bubble chart displays furniture items from a CSV file, mapping weight and length to the x- and y-axes, while width controls bubble radius. The chart uses D3.js v7 with SVG for rendering. It includes a legend with hover interaction to highlight individual items, and a tooltip appears on bubble hover. The visualization uses `d3.scaleLinear` for axes and sizing, and `d3.schemeCategory10` for color mapping.

Vvullihanumantharao@gmail.com

77% match