HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published1🌍 Public

Last edited Apr 26, 2020

Created on Apr 26, 2020

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.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

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 Choropleth Map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 for the year 2017, with countries colored on a yellow-orange-brown sequential scale from `d3.scaleSequential` and `interpolateYlOrBr`, while nations lacking data appear gray. The visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and interiors from a TopoJSON world atlas. Data comes from a CSV of population infection rates, joined to countries via ISO numeric codes; React manages the component state and rendering as an SVG.

Aadewole-top

97% 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

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates across countries for the year 2017, using a yellow-orange-red sequential color scale to indicate infection severity. Built with React and D3 v5, it renders a Natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, overlaid with graticules and country interiors. Data comes from a CSV of HIV infection rates, filtered to 2017, with the color scale domain set by maximum prevalence.

Rrstrauss127

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This visualization displays a choropleth world map of HIV/AIDS prevalence rates among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale. The map renders country boundaries from World Atlas TopoJSON through `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and interiors drawn as separate SVG paths. React manages the data loading and state, pulling HIV prevalence statistics from an IHME CSV and mapping alpha-3 country codes to numeric identifiers via a supplementary ISO-3166 dataset. Countries without matching data appear gray.

MMaxwell Dayvson da Silva

97% match

Loading thumbnail…

HIV / AIDS Choropleth map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 by country for the year 2017, using a yellow-orange-red sequential color scale. Countries with missing data are rendered in gray. The visualization uses React with d3-geo for the Natural Earth projection and geoPath, and d3-scale-chromatic for color interpolation. Data comes from the IHME HIV/AIDS dataset, loaded via d3.csv, and country boundaries are drawn from World Atlas TopoJSON using topojson.feature and topojson.mesh.

JJoakim Warholm

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 visualizes HIV prevalence as a percentage of the population aged 15-49 across countries for the year 2017, using a yellow-orange-red sequential color scale to encode infection rates. Countries without data appear in gray. The visualization renders geographic boundaries with d3.geoPath and a Natural Earth projection, while parsing and joining data from a CSV file with country codes and a TopoJSON world atlas. React manages the component state and rendering, with D3 handling data loading, scales, and map projections.

Hhunsingeruk@gmail.com

97% match