Skip to main content
SimilarExport ZIP
100%

Activity6-Q4

✓ Published0🌍 Public
Tthoutunikhitha@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Activity6-Task4

This bubble chart visualizes coffee production data from a CSV file, showing yield (kg per hectare) on the x-axis, area harvested (hectares) on the y-axis, and production volume (kg) encoded by bubble size and color. The visualization uses d3.csv for data loading, d3.scaleLinear and d3.scaleSqrt for scaling axes and bubble radii, and d3.scaleSequential with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, displaying each country’s production details. The chart also includes a bubble-size legend (500k, 1M, 2M kg) and is rendered with SVG elements and animation-ready transition support.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4_Question

This example presents a bubble chart visualizing coffee consumption across ten countries, plotting per capita consumption on the x-axis against total consumption on the y-axis. Each circle’s radius encodes population size, with a tooltip showing the country name on hover. The visualization loads data from an inline CSV string, parsed with d3.csvParse, and renders as SVG using D3 v7 scales and selection methods. A legend identifies each country by color, and axis labels clarify the measured variables.

VVarshith Peddineni
83% match
Loading thumbnail…

Activity6_Task4.1

This bubble chart visualizes honey production across U.S. states over multiple years, plotting the number of colonies on the x-axis, yield per colony on the y-axis, and total production as the bubble size. State categories determine the bubble colors, with a tooltip displaying state name, production, and yield per colony on hover. The visualization uses d3.v7 to load CSV data, apply linear and square-root scales, and render animated SVG circles with interactive mouse events.

Ssumanthnaidu213@gmail.com
77% match
Loading thumbnail…

Activity6_Task4

This bubble chart example visualizes data from a CSV file, encoding two quantitative variables as plot positions and point sizes. The implementation uses the D3.js library’s scale functions and SVG circle elements. The code reads `bubblechart.csv` to load the underlying dataset, then maps rows to circles whose x/y coordinates and radii reflect measured values. The rendering relies on standard SVG coordinate attributes and D3’s data-binding methods. The interactive viewport is set up with a fixed width and height.

Kkeerthanachinthalapally@gmail.com
77% match
Loading thumbnail…

Activity6_q4

A bubble chart visualizes fertility, life expectancy, and population size for countries, using circle position for the first two variables and radius for population. The chart includes a color-coded legend by country and interactive tooltips that display the country name on hover. Built with D3 v7, it loads CSV data, renders SVG circles, and uses D3 scales for axes, bubble size, and ordinal color mapping with the interpolateTurbo color scheme.

Cchinnivikramnunna@gmail.com
77% 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
76% 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
76% match
Loading thumbnail…

Activity6_q4

This bubble chart visualizes the relationship between GDP (x-axis) and population (y-axis) for six countries, with circle area encoding land area and color distinguishing each country. Built with D3.js v7, it uses `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with the Tableau10 scheme for colors. Tooltips generated via SVG `<title>` elements display each country’s exact values. The data is loaded from a local CSV file using `d3.csv`.

Vvidyagangasani@my.unt.edu
76% 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
75% match