Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 5: Bubble Chart

Public visualization

Viewing a saved revision (read-only)

d908a49ab2d54d388f7adde56e064d4e

Assignment 5: Bubble Chart

0 stars0🌍 Public
Aamrubal
Last edited Mar 1, 2022
Created on Feb 28, 2022
Forked from HTML Starter

This bubble chart displays relationships between four HIV-related indicators across 20 countries using a 2020 dataset. The x-axis maps the total number of people living with HIV, the y-axis shows AIDS-related deaths, bubble size encodes new HIV infections, and bubble color represents adult HIV prevalence. The visualization uses D3.js v7 with SVG rendering. The code employs linear scales (`d3.scaleLinear`) for both axes, a square-root scale (`d3.scaleSqrt`) for bubble sizing, and a linear color scale (`d3.scaleLinear`) ranging from light blue to dark navy. Data is loaded from a CSV file using `d3.csv`, with a legend indicating infection and prevalence extremes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.