Fork of HIV/AIDS Choropleth Map

100%

Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited May 23, 2021

Created on May 22, 2021

This choropleth map displays the share of the population infected with HIV/AIDS for the year 2017, using data from the IHME dataset. The visualization uses a sequential color scale with the YlOrRd interpolator, applied to states within the United States. Country boundaries and state interiors are rendered using d3.geoPath and TopoJSON, while the map projection is set to geoAlbersUsa. React manages the component state, loading data through custom hooks, and graticules are included for geographic context.

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

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

Ssultanmirzapydev

94% match

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

94% 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. Country boundaries and graticules are rendered as SVG paths via `d3.geoPath` and `geoNaturalEarth1`, with React managing the component structure. Data comes from an IHME CSV, joined to country geometries using ISO numeric codes. The visualization is a fork of a prior example, adapting city population data to HIV prevalence rates.

Vvigneswaran009

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

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

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

93% match