Fork of Fork of HIV/AIDS Choropleth Map

100%

Fork of Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Jul 6, 2021

Created on Jul 6, 2021

Forked from Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates for 2017 across countries, using a yellow-to-red sequential color scale to indicate the percentage of the population aged 15-49 infected. The visualization renders a natural Earth projection with graticules and country boundaries, where nations lacking data appear gray. Built with React and d3.geoPath, it merges HIV prevalence data from IHME with country codes from ISO-3166 and geographic boundaries from World Atlas TopoJSON, using d3.scaleSequential for color mapping.

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 prevalence of HIV/AIDS across countries for the year 2017, using a yellow-to-red sequential color scale to represent infection rates. Countries with missing data appear gray. Built with React, the visualization uses d3.geoPath with a Natural Earth projection to render country boundaries from World Atlas TopoJSON, while graticules and interiors provide geographic context. Data is loaded from an IHME CSV dataset via d3.csv, with ISO country codes matched to geographic features.

Mmengdong

97% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries shaded from light yellow to dark red based on infection rates. The visualization uses React to render SVG paths, with d3.geoNaturalEarth1 for map projection, d3.geoPath for drawing country boundaries and graticules, and d3.scaleSequential with an interpolateYlOrRd color scale. Country codes are matched against World Atlas TopoJSON features, and missing data appears in gray. Data comes from the IHME HIV prevalence dataset.

Aandychai07

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

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

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map displays 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. Country boundaries and graticules are rendered with d3.geoPath and d3.geoNaturalEarth1, while the React app uses D3’s csv loader to fetch IHME data and maps alpha-3 codes to numeric codes for matching. Missing countries appear gray.

LLouisSchaefer

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 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. 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

96% match