HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Mar 31, 2021

Created on Mar 31, 2021

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 across countries for the year 2017, using a yellow-orange-red sequential color scale. It loads country geometries from the world-atlas TopoJSON dataset and prevalence data from an IHME CSV, joining them via ISO country codes. The React-based component uses d3.geoNaturalEarth1 and d3.geoPath to render SVG paths, with d3.geoGraticule for grid lines and grey fill for missing data.

AI-generated description

A map of the world with cities, whose population is larger than 50,000 people (https://gist.githubusercontent.com/curran/13d30e855d48cdd6f22acdf0afe27286/raw/worldcities_clean.csv). City mark size correlates to population.

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates among adults aged 15-49 by country for the year 2017, using a yellow-orange-red sequential color scale to encode the percentage values, with gray indicating missing data. The map is rendered as an SVG using React and D3’s geoNaturalEarth1 projection, with graticules and country boundaries from a TopoJSON world atlas. Country-specific data is loaded from a CSV file via d3.csv and joined to geographic shapes using alpha-3 country codes mapped to numeric codes, enabling the fill color for each path generated by d3.geoPath.

AAlice Hua

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a yellow-orange-red sequential color scale. Countries with missing data appear in grey. The map uses d3.geoNaturalEarth1 and d3.geoPath to render SVG country shapes from the Topojson World Atlas, with data sourced from IHME’s Global Burden of Disease Study via Our World in Data. React manages state through custom hooks that fetch CSV datasets.

WWolfgang

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This visualization displays a choropleth world map of HIV/AIDS prevalence rates among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale. The map renders country boundaries from World Atlas TopoJSON through `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and interiors drawn as separate SVG paths. React manages the data loading and state, pulling HIV prevalence statistics from an IHME CSV and mapping alpha-3 country codes to numeric identifiers via a supplementary ISO-3166 dataset. Countries without matching data appear gray.

MMaxwell Dayvson da Silva

97% match

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

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 for the year 2017, with countries colored on a yellow-orange-brown sequential scale from `d3.scaleSequential` and `interpolateYlOrBr`, while nations lacking data appear gray. The visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and interiors from a TopoJSON world atlas. Data comes from a CSV of population infection rates, joined to countries via ISO numeric codes; React manages the component state and rendering as an SVG.

Aadewole-top

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 for the year 2019, using a yellow-orange-red sequential color scale to encode infection rates per country. It employs React for component rendering and D3 v7’s `geoNaturalEarth1` projection with `geoPath` to draw country boundaries, graticules, and interiors as SVG. Missing data appears gray. The data comes from an IHME CSV, with country codes mapped via the ISO-3166 dataset.

OOleg Zhernovoy

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

96% match

Loading thumbnail…

HIV / AIDS Choropleth map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 by country for the year 2017, using a yellow-orange-red sequential color scale. Countries with missing data are rendered in gray. The visualization uses React with d3-geo for the Natural Earth projection and geoPath, and d3-scale-chromatic for color interpolation. Data comes from the IHME HIV/AIDS dataset, loaded via d3.csv, and country boundaries are drawn from World Atlas TopoJSON using topojson.feature and topojson.mesh.

JJoakim Warholm

96% match