HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Dec 28, 2020

Created on Dec 28, 2020

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017. Countries are colored on a yellow-to-red sequential scale based on infection rates, with missing data rendered in grey. The visualization uses React to manage state and D3's `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render the map projection, graticule, and country boundaries from World Atlas TopoJSON data. The color scale is defined with `scaleSequential` and `interpolateYlOrRd`, mapping numeric prevalence values from a CSV file.

AI-generated description

A program that render Topojson earth map using uses React.

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, with countries shaded on a yellow-to-red sequential scale based on infection rates. Countries lacking data appear gray. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world map features from TopoJSON, while d3.scaleSequential and interpolateYlOrRd map data values to colors. React manages the component state, fetching and joining CSV data with country codes to match each nation’s geographic ID.

KKtuzinowski

98% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map shows the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale where darker shades indicate higher infection rates. Countries with missing data appear in light gray. The visualization is built with React and D3 v7, using `geoNaturalEarth1` and `geoPath` for map projection, `geoGraticule` for grid lines, and TopoJSON world atlas data. The choropleth applies a `scaleSequential` with `interpolateYlOrRd` to color each country polygon.

KK3zter

98% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map shows 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, with missing data rendered in light grey. The visualization loads country geometries from a TopoJSON world atlas and plots them as SVG paths via `d3.geoPath` with an Equal Earth projection. It joins country codes and HIV prevalence data from Our World in Data using React hooks, applying `d3.scaleSequential` and `interpolateYlOrRd` for color encoding.

AAndre J Denais

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, with each country colored on a yellow-to-red sequential scale based on its infection rate. Countries lacking data are rendered in gray. The map uses a Natural Earth projection with graticule and interior borders, built with React and D3's `geoPath`, `geoNaturalEarth1`, and `geoGraticule` modules. Data is loaded from a CSV file containing IHME prevalence estimates, joined to country codes via ISO-3166 metadata.

JJun Suzuki

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes global HIV/AIDS prevalence among adults aged 15-49 in 2017, with countries shaded on a yellow-to-red sequential color scale and missing data highlighted in red. Built with React and D3 v7, it uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules from TopoJSON world atlas data, while CSV data from IHME is joined to countries via ISO numeric codes. The map employs `d3.scaleSequential` with `interpolateYlOrRd` for color encoding.

JJoe Hutchins

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map displays the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, with countries shaded on a yellow-to-red sequential color scale based on infection percentages. The visualization uses React and D3 v5, employing d3.geoNaturalEarth1 and d3.geoPath to render world atlas TopoJSON boundaries with graticules, while missing data appears gray. Data comes from an IHME CSV dataset, linked to country shapes via ISO numeric codes.

RRMartins11

97% match

Loading thumbnail…

HIV/AIDS choropleth map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, with countries shaded on a sequential yellow-to-red color scale based on infection rates. Regions lacking data appear in dark gray. The map uses D3’s `geoNaturalEarth1` projection and `geoPath` to render country boundaries and graticules from World Atlas TopoJSON data. React hooks load the CSV dataset and ISO country codes, while `scaleSequential` with `interpolateYlOrRd` maps prevalence values to fill colors.

Ssurikmeetr

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map displays the global prevalence of HIV/AIDS among adults aged 15–49 for the year 2017, using a sequential yellow-orange-red color scale to indicate infection rates. Countries with missing data appear in grey. The visualization renders world countries as SVG paths using d3.geoPath with a geoNaturalEarth1 projection, overlaid with graticule and interior boundaries. Data from the IHME CSV is joined to country geometries via ISO numeric codes, while React manages the application state.

Ccynichole

97% match