Viewing a saved revision (read-only)
80113a7173c84236b60258bd63cdde19
Bubble Chart in D3
This bubble chart visualizes the prevalence of AIDS in six African countries, plotting the number of individuals living with the disease on the y-axis against the year on the x-axis. The bubble size encodes the number of new diagnoses, while color distinguishes countries. The visualization uses D3.js v7 with SVG rendering and d3.csv for data loading, d3.scaleLinear for scales, and custom legends for size and color. It includes axes with formatted tick labels and a title, requiring side scrolling due to the chart's dimensions.
AI-generated descriptionData provided by UNAIDS (United Nations AIDS Council)
(Side scrolling is required for this visualization)
References: Most basic bubble plot in d3.js Formatting numbers with commas in D3 Bubble plot How to use the d3.extent function in d3 Add tooltip to bubble chart (used this for the legend)