Fork of HIV/AIDS Choropleth Map

100%

Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Aug 12, 2023

Created on Aug 11, 2023

This fork of the HIV/AIDS choropleth map displays the percentage of the population aged 15-49 infected with HIV in 2017 across countries. A sequential color scale using `d3.scaleSequential` and `interpolateYlOrRd` encodes prevalence, with gray for missing data. Built with React and d3.v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for the map projection, with country boundaries from World Atlas TopoJSON and graticules rendered via `d3.geoGraticule`. Data comes from an IHME CSV loaded with `d3.csv`.

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

94% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the percentage of the population infected with HIV/AIDS across countries for the year 2017, with missing data rendered in gray. The visualization uses a sequential YlOrRd color scale to encode prevalence values. Built with React, it leverages d3.geoPath and geoNaturalEarth1 for geographic projections, and d3.csv to load data from the IHME and ISO-3166 country codes datasets. The map includes graticules and country boundaries from the World Atlas TopoJSON.

Wwenjiusongguren

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

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

94% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 in 2017, using a yellow-to-red sequential color scale to show infection rates. Country boundaries come from World Atlas TopoJSON, while disease data is sourced from an IHME CSV dataset. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` for map projection and rendering, with `scaleSequential` and `interpolateYlOrRd` for color encoding. Countries missing data appear gray, and the map includes graticules and interior borders for spatial context.

RRoberto

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

94% match

Loading thumbnail…

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

LLouisSchaefer

94% 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 to encode prevalence values. Countries missing data appear gray. The map is rendered as SVG using React, with D3’s `geoNaturalEarth1` projection, `geoPath` for country boundaries, and `geoGraticule` for the graticules. The data is loaded from a CSV of HIV prevalence estimates via D3’s `csv` function, while country geometries come from the World Atlas TopoJSON.

Oonceup

94% match