Skip to main content
SimilarExport ZIP
100%

Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public
KKeyvan Rezaei
Last edited May 22, 2021
Created on May 22, 2021

A choropleth map displays the share of the population infected with HIV/AIDS for 2017, using a yellow-to-red sequential color scale. The visualization uses the Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and a sphere. Data from the IHME is merged with ISO country codes via `d3.csv`. Missing countries appear gray. The map is built with React and D3 v5, rendering as SVG with `scaleSequential` and `interpolateYlOrRd` for color encoding.

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

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 to show prevalence across countries. The visualization renders a natural Earth projection with graticules and country boundaries via `d3.geoNaturalEarth1` and `d3.geoPath`, with missing data marked in gray. Built with React and D3 v5, it joins country codes from the ISO-3166 dataset to HIV prevalence data from the IHME, displaying the result as an SVG.

SSahar Ejaz
97% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS for 2017, using a yellow-orange-red sequential color scale. It renders a natural Earth projection with countries, graticules, and interior boundaries via d3.geoPath and TopoJSON. Missing countries appear gray. Data comes from the IHME CSV, with country codes matched through the ISO-3166 slim dataset. The example is built with React, D3 v5, and SVG, mapping each country’s numeric code to its prevalence value.

KKhanyisilea
96% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale applied to country boundaries from the World Atlas Topojson. Built with React and D3 v5, the code uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.geoGraticule for grid lines, and d3.csv to load HIV prevalence data from the IHME dataset. Missing countries are rendered in gray, with country codes matched via the ISO-3166 repository.

KKeyvan Rezaei
96% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale applied to country boundaries from the World Atlas Topojson. Built with React and D3 v5, the code uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.geoGraticule for grid lines, and d3.csv to load HIV prevalence data from the IHME dataset. Missing countries are rendered in gray, with country codes matched via the ISO-3166 repository.

KKeyvan Rezaei
96% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale applied to country boundaries from the World Atlas Topojson. Built with React and D3 v5, the code uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.geoGraticule for grid lines, and d3.csv to load HIV prevalence data from the IHME dataset. Missing countries are rendered in gray, with country codes matched via the ISO-3166 repository.

KKeyvan Rezaei
96% 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
96% 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 to encode prevalence rates. Countries without data appear in gray. The map is rendered with SVG paths generated by d3.geoPath and the geoNaturalEarth1 projection, with graticules and country boundaries drawn from World Atlas TopoJSON data. The visualization is built in React, fetching CSV data via d3.csv and mapping ISO country codes to numeric identifiers for joining with the geographic features.

Eevers-codeshop-ai
96% 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
96% match