HIV/AIS Choropleth Map

100%

HIV/AIS Choropleth Map

✓ Published0🌍 Public

Last edited Jul 6, 2022

Created on Jul 6, 2022

This choropleth map visualizes the share of the population infected with HIV/AIDS for the year 2017, using a sequential yellow-orange-red color scale to encode prevalence rates across countries. Gray marks indicate missing data. The visualization combines React state management with D3 utilities, including `d3.geoNaturalEarth1` for the map projection, `d3.geoPath` for rendering SVG paths, and `d3.scaleSequential` with `interpolateYlOrRd` for color encoding. Country boundaries and graticules are drawn from TopoJSON data, while prevalence values come from the IHME dataset.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.

Plotting the SF temeprature dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV/AIDS choropleth map

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. The visualization renders country polygons via `d3.geoPath` with a Natural Earth projection, overlaying graticule lines and interior borders. Data from the IHME dataset is joined to map features through ISO alpha-3 to numeric country codes, with missing countries shown in gray. The React component uses `d3.scaleSequential` and `d3.interpolateYlOrRd` for color encoding, with TopoJSON from world-atlas providing the geographic boundaries.

AAndrea Picciau

95% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS in 2017, using a yellow-to-red sequential color scale to indicate prevalence rates. It renders a Natural Earth projection with graticules and country borders, and colors each country based on data from the IHME dataset, with gray indicating missing values. The visualization is built with React and D3 v5, using `d3.geoPath` for map geometry, `d3.scaleSequential` with `interpolateYlOrRd` for color encoding, and TopoJSON to load world atlas boundaries.

SSai Phaltankar

94% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population aged 15–49 infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale. Built with React and D3 v5, it renders geographic boundaries with `geoNaturalEarth1` and `geoPath`, while country-level data is joined to map features via ISO numeric codes. Missing countries appear gray, and the visualization includes graticules and interior borders for stylistic polish. Data comes from IHME and the World Atlas TopoJSON.

MMaxwell Dayvson da Silva

94% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red color scale to represent prevalence rates. Countries with missing data appear in gray. The visualization is built with React and D3 v7, using `geoNaturalEarth1` and `geoPath` to render world countries from TopoJSON data, with geographic graticules and interiors drawn as overlays. The data comes from a CSV file containing HIV prevalence statistics from IHME.

BBen Seebeck

94% match

Loading thumbnail…

HIV / AIDS Choropleth Map

This HIV/AIDS choropleth map visualizes the percentage of the population aged 15-49 infected with HIV for the year 2017, using a yellow-orange-red sequential color scale to indicate severity. Countries without data appear in grey. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render the world map, with graticules and country interiors drawn for context. React manages the component state, while d3.csv fetches the HIV prevalence data from the IHME dataset and d3.json loads the World Atlas TopoJSON.

KKevin McMorrow

94% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence by country for the year 2017, with a sequential yellow-orange-red color scale (d3.scaleSequential with interpolateYlOrRd) encoding the proportion of the population infected. Countries lacking data are rendered in gray. The map uses a natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, with country boundaries and graticules from TopoJSON world-atlas data. React manages the component state, while D3 handles data loading from CSV files containing country codes and health statistics, and the SVG is styled with light gray fills for the sphere and graticules.

Mmtabaka

94% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the share of the population aged 15-49 infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale on a Natural Earth projection. The map renders countries as SVG paths via d3.geoPath, with gray fill for missing data, and includes graticules and interior borders. Data comes from the IHME HIV prevalence CSV and country codes from the ISO-3166 dataset, processed in React with d3-scale and topojson.

LLaura Johnson

94% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for 2017, using color intensity to convey prevalence across countries. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` to render country boundaries and graticules from World Atlas TopoJSON data. The color scale, a sequential YlOrRd scheme, maps each country’s infection rate to a fill color, while missing data is shown in gray. Data comes from the IHME HIV/AIDS prevalence dataset, loaded via `d3.csv`.

Ee-ines

93% match