Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 2020_Ep48 - 38. Choropleth Map - (React, D3 - HIV/AIDS data)

Public visualization

Viewing a saved revision (read-only)

5a262681135e466b94116f0dfa8ae7e1

Dataviz 2020_Ep48 - 38. Choropleth Map - (React, D3 - HIV/AIDS data)

0 stars0🌍 Public
MMinwoo Pak
Last edited Jul 30, 2021
Created on Jul 30, 2021

This choropleth map visualizes the global share of the population infected with HIV/AIDS for the year 2017, using a yellow-to-red sequential color scale to encode prevalence rates. Countries with missing data appear in gray. The visualization is built with React and D3 v6, using `geoNaturalEarth1` and `geoPath` for map projection, `geoGraticule` for grid lines, and `topojson` to convert world atlas data into GeoJSON features. It renders as SVG, pulling HIV prevalence data from an IHME CSV dataset.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.