HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Mar 8, 2021

Created on Mar 8, 2021

This visualization shows the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a sequential yellow-orange-red scale from the d3.scaleSequential and interpolateYlOrRd APIs. The map uses d3.geoNaturalEarth1 projection with d3.geoPath to render SVG paths of world countries, with missing data shown in gray. Country codes are matched via a lookup table from a CSV file, and the choropleth is built using React components that fetch data with d3.csv and d3.json.

AI-generated description

A world map of Data.

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, using a yellow-orange-red sequential color scale. The code employs React with D3 v6’s `geoNaturalEarth1` projection and `geoPath` to render SVG country shapes, while `d3.scaleSequential` and `interpolateYlOrRd` map data values to colors. Countries without matching data appear gray, and the map includes graticules and interior borders. Data is sourced from IHME via CSV, with country codes matched using ISO-3166 metadata.

Ssophievanderhorst

98% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map displays the global prevalence of HIV/AIDS among adults aged 15–49 for the year 2017, using a sequential yellow-orange-red color scale to indicate infection rates. Countries with missing data appear in grey. The visualization renders world countries as SVG paths using d3.geoPath with a geoNaturalEarth1 projection, overlaid with graticule and interior boundaries. Data from the IHME CSV is joined to country geometries via ISO numeric codes, while React manages the application state.

Ccynichole

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates among adults aged 15-49 by country for the year 2017, using a yellow-orange-red sequential color scale to encode the percentage values, with gray indicating missing data. The map is rendered as an SVG using React and D3’s geoNaturalEarth1 projection, with graticules and country boundaries from a TopoJSON world atlas. Country-specific data is loaded from a CSV file via d3.csv and joined to geographic shapes using alpha-3 country codes mapped to numeric codes, enabling the fill color for each path generated by d3.geoPath.

AAlice Hua

97% match

Loading thumbnail…

HIV/AIDS Chloropleth Map

This interactive choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a sequential yellow-orange-red color scale. Country colors represent infection rates, with missing data shown in light gray. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for country boundaries, React for the UI, and D3's scaleSequential for color mapping. Data comes from the IHME HIV/AIDS prevalence dataset, joined to country codes via the ISO-3166 CSV. The render uses SVG, with a sphere outline and graticule overlay.

FFrederick O'Brien

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, with countries shaded on a yellow-to-red sequential scale based on infection rates. Countries lacking data appear gray. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world map features from TopoJSON, while d3.scaleSequential and interpolateYlOrRd map data values to colors. React manages the component state, fetching and joining CSV data with country codes to match each nation’s geographic ID.

KKtuzinowski

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map shows the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, using a yellow-to-red sequential color scale to indicate infection rates, with missing data rendered in light grey. The visualization loads country geometries from a TopoJSON world atlas and plots them as SVG paths via `d3.geoPath` with an Equal Earth projection. It joins country codes and HIV prevalence data from Our World in Data using React hooks, applying `d3.scaleSequential` and `interpolateYlOrRd` for color encoding.

AAndre J Denais

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017. Countries are colored on a yellow-to-red sequential scale based on infection rates, with missing data rendered in grey. The visualization uses React to manage state and D3's `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render the map projection, graticule, and country boundaries from World Atlas TopoJSON data. The color scale is defined with `scaleSequential` and `interpolateYlOrRd`, mapping numeric prevalence values from a CSV file.

SShuyu Zheng

97% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017. Countries are colored on a yellow-orange-red sequential scale using d3.scaleSequential with interpolateYlOrRd, with gray indicating missing data. The map uses d3.geoNaturalEarth1 projection, d3.geoPath, topojson features for country boundaries, and a geoGraticule overlay. Data comes from IHME prevalence statistics loaded via d3.csv, rendered as SVG paths in a React framework.

Iiblub

97% match