Fork of HIV/AIDS Choropleth Map

100%

Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Aug 19, 2021

Created on Aug 19, 2021

This choropleth map visualizes the share of the population infected with HIV/AIDS for the year 2017, using country-level data from the IHME dataset. Countries without data appear gray, while those with values use a sequential yellow-orange-red color scale. The visualization is built with React and D3 v5, leveraging `geoNaturalEarth1` and `geoPath` for map projection, `geoGraticule` for grid lines, and boundary data from World Atlas TopoJSON, with country codes matched via ISO-3166 metadata.

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

96% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

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.

KKeyvan Rezaei

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 across world countries, using a yellow-orange-red sequential color scale to encode prevalence rates. Countries missing data appear gray. The visualization uses React for component structure, D3 v5 for map projection and data loading, and SVG rendering with a Natural Earth projection and graticules. Data comes from an IHME CSV dataset, joined to country geometries from World Atlas TopoJSON via ISO country codes.

Cchar0496

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 Fork of HIV/AIDS Choropleth Map

A choropleth map displays the prevalence of HIV/AIDS among adults aged 15-49 across countries for the year 2017, using a yellow-orange-red sequential color scale to indicate infection rates, with gray for missing data. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` to project country boundaries from World Atlas TopoJSON, overlaid with graticules and interior boundaries. Data comes from an IHME CSV file, joined to country shapes via ISO numeric codes, with color values scaled using `scaleSequential` and `interpolateYlOrRd`.

FFreeDoM

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

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

95% match