HIV / AIDS Choropleth Map

100%

HIV / AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Jun 17, 2021

Created on Jun 17, 2021

This visualization uses a natural Earth projection with D3’s `geoNaturalEarth1` and `geoPath` to draw world landmasses, graticules, and sphere outlines, overlaid with circles sized by city population via `scaleSqrt`. The React component loads World Atlas TopoJSON for boundaries and a CSV of HIV/AIDS prevalence data for cities, mapping each city’s longitude and latitude to screen coordinates. Semi-transparent teal circles highlight population distribution, while the underlying choropleth styling uses SVG paths and CSS classes. Data sources include the World Atlas TopoJSON and a Simplemaps-derived cities dataset.

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…

HIV / AIDS

This visualization displays global city populations on a natural Earth projection world map, using semi-transparent circles sized by population. The map includes country boundaries, graticules, and interior borders. It uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` alongside React, with data from a CSV of world cities and TopoJSON from World Atlas.

CCatalina Vajiac

92% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for 2017, using color intensity to convey prevalence across countries. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` to render country boundaries and graticules from World Atlas TopoJSON data. The color scale, a sequential YlOrRd scheme, maps each country’s infection rate to a fill color, while missing data is shown in gray. Data comes from the IHME HIV/AIDS prevalence dataset, loaded via `d3.csv`.

Ee-ines

91% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence by country for the year 2017, with each nation shaded on a yellow-orange-red sequential color scale (`scaleSequential` with `interpolateYlOrRd`). The visualization pairs HIV data from a CSV dataset with country geometries from the World Atlas TopoJSON, mapping numeric country codes to join the data to the map. Countries without matching data appear gray. The SVG rendering uses `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` from d3.v5, with React managing the component lifecycle and state through custom hooks for loading the world atlas, HIV statistics, and country codes.

Aabhijit01

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

91% match

Loading thumbnail…

HIV / AIDS world map vis

This visualization presents a choropleth world map depicting HIV/AIDS prevalence rates for the year 2017. Country boundaries are rendered using the `geoNaturalEarth1` projection and `geoPath` from D3, with graticules and interiors drawn for context. The map is color-coded using a sequential yellow-orange-red scale (`scaleSequential(interpolateYlOrRd)`) applied to AIDS prevalence data, with missing data displayed in gray. The geographic data originates from World Atlas TopoJSON, while the prevalence statistics are sourced from a CSV dataset.

CCatalina Vajiac

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

90% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the global share of the population infected with HIV/AIDS for 2017, encoding each country’s prevalence with a sequential yellow-to-red color scale. The map uses a natural Earth projection rendered as SVG via React, with `d3.geoPath` drawing country boundaries, graticules, and interiors. It loads TopoJSON world-atlas data, ISO country codes, and the HIV prevalence dataset through `d3.csv` and `d3.json`, coloring missing regions gray.

Aazharahmad0

90% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This interactive world map visualizes the share of the population infected with HIV/AIDS for the year 2017. Country boundaries are drawn from the World Atlas TopoJSON dataset, with data sourced from the Institute for Health Metrics and Evaluation. The visualization uses React and D3 v5, employing `geoNaturalEarth1` and `geoPath` to render the sphere, graticules, and country polygons as SVG paths. Countries without data are filled in gray, while others use a sequential YlOrRd color scale to represent prevalence rates.

Hhenry c

90% match