Fork of HIV/AIDS Choropleth Map

100%

Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Apr 16, 2022

Created on Apr 16, 2022

This interactive world map visualizes the share of the population infected with HIV/AIDS for the year 2017. Country boundaries are drawn from the World Atlas TopoJSON dataset, with data sourced from the Institute for Health Metrics and Evaluation. The visualization uses React and D3 v5, employing `geoNaturalEarth1` and `geoPath` to render the sphere, graticules, and country polygons as SVG paths. Countries without data are filled in gray, while others use a sequential YlOrRd color scale to represent prevalence rates.

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…

Fork of HIV/AIDS Choropleth Map

A choropleth world map displays the share of the population infected with HIV/AIDS for the year 2017, shaded with d3.scaleSequential and interpolateYlOrRd. Missing countries appear gray. The visualization uses React with custom hooks to load and merge data from the IHME HIV prevalence CSV and ISO country codes, joining them by numeric codes. d3.geoNaturalEarth1 projection and d3.geoPath render the map, with graticules and interiors from d3.geoGraticule and topojson mesh.

88DancingElephants

95% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, with countries colored according to prevalence rates using a sequential yellow-orange-red color scale. Gray marks countries with missing data. Built with React and D3 v5, the visualization uses the `geoNaturalEarth1` projection, `geoPath` for rendering country boundaries and graticules, and `scaleSequential` with `interpolateYlOrRd` for color encoding. Country shapes come from the World Atlas TopoJSON, while HIV prevalence data is loaded from a CSV file hosted on GitHub.

MMark Baynes

95% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale. Countries without data are rendered in gray, and the map includes graticules and interior boundaries for context. The visualization loads country geometries from the World Atlas TopoJSON and HIV prevalence data from a CSV file, joining them via ISO country codes. It uses d3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule`, with React managing the SVG rendering.

Aandychai07

95% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS among adults aged 15–49 in 2017, using a yellow-to-red sequential color scale. Country boundaries come from the World Atlas TopoJSON, while prevalence data is loaded from a CSV and joined to countries via ISO numeric codes. The visualization is built with React and D3 v5, using `geoNaturalEarth1` and `geoPath` for projection, `geoGraticule` for overlaying grid lines, and `scaleSequential` with `interpolateYlOrRd` to encode values. Countries without data appear gray.

Bbillmccabeusa@hotmail.com

95% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for the year 2017. A sequential YlOrRd color scale encodes prevalence rates, with gray indicating missing data. Country boundaries are rendered using `d3.geoPath` with a Natural Earth projection, and graticules are drawn. Data comes from an IHME CSV, while country shapes use the World Atlas TopoJSON, a React app with d3.v5.

ZZaid Ahmed

95% match

Loading thumbnail…

Fork of 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 sequential color scale to represent prevalence rates. Countries lacking data are rendered in gray. The visualization is built with React and D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` to project and draw country boundaries from the World Atlas TopoJSON, complemented by graticules and sphere paths. Data is sourced from a CSV file detailing HIV prevalence by country.

NNIKHIL MOHAN

95% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale. It renders world countries as SVG paths via d3.geoPath with a natural Earth projection, styling graticules and interiors for reference. The chart is built with React and d3.v5, loading country geometries from World Atlas TopoJSON and HIV prevalence data from the IHME CSV. The code maps alpha-3 codes to numeric country codes to join the datasets, and countries with missing data appear in gray.

YYedrup

94% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map

This visualization displays the global prevalence of HIV/AIDS for the year 2017, mapping each country's infection rate with a yellow-to-red sequential color scale. Country boundaries are rendered as SVG paths using `d3.geoPath` with the Natural Earth projection, while graticules and sphere outlines provide geographic context. The data comes from an IHME CSV file, joined to country shapefiles via ISO numeric codes. Countries without matching data appear gray. The code leverages `d3.scaleSequential` with `interpolateYlOrRd`, processes topojson through the `topojson` library, and uses React hooks (`useState`, `useEffect`) to asynchronously fetch both the atlas and CSV data.

SSahar Ejaz

94% match