HIV Choropleth

100%

HIV Choropleth

✓ Published0🌍 Public

Last edited Apr 12, 2021

Created on Apr 12, 2021

This choropleth maps global migration events, with each point representing a single incident of death or disappearance. The map uses a square-root size scale to encode the total number of dead and missing, with semi-transparent teal circles overlaid on a world atlas. Rendered using React and SVG, the visualization employs `d3.geoNaturalEarth1` for the projection, `d3.geoPath` for landmasses and graticules, and `d3.scaleSqrt` for point sizing. Data comes from the Missing Migrants Dataset, while country boundaries are sourced from the World Atlas TopoJSON.

AI-generated description

A world map of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Country boundaries from World Atlas TopoJSON.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Missing Migrants on a Map

This choropleth map visualizes the share of the population infected with HIV by country for a selected year, using a sequential color scale (interpolateYlOrRd) to encode prevalence. Drawing with d3.geoPath, the map renders country boundaries from World Atlas TopoJSON and overlays graticules and a sphere backdrop. Built with React and D3 v5, the visualization filters the Missing Migrants Dataset to a specific year and applies color mapping through scaleSequential, with opacity-controlled circles representing individual events.

Wweny1109

87% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This example visualizes the share of the population infected with HIV/AIDS across countries for 2017, using a choropleth map colored with a sequential yellow-orange-red scale. The map is rendered with React and D3 v5, using `geoNaturalEarth1` projection and `geoPath` to draw country boundaries from World Atlas TopoJSON. The color scale maps the disease prevalence values from the Missing Migrants Dataset to the color legend sequentially via `scaleSequential`.

Ssteelerfan107

85% match

Loading thumbnail…

HIV / AIDS Choropleth Map

This interactive choropleth map displays the global prevalence of HIV/AIDS in 2017, using a yellow-orange-red sequential color scale to encode the number of people living with the disease per country. Built with React and D3 v5, it projects country boundaries using `geoNaturalEarth1` and renders them via `geoPath`, with missing data shown in light blue. Data comes from the Missing Migrants Dataset and World Atlas TopoJSON, with country codes matched through a CSV lookup table.

Ccshm407

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

85% match

Loading thumbnail…

46) Choropleth Map

This interactive visualization displays global migrant deaths and missing persons using a natural Earth projection map overlaid with proportional circles, sized by the square-root scale of the "Total Dead and Missing" count. A linked time-series histogram below uses d3.brush to filter the map by reported date. The map renders world land and interior boundaries via d3.geoPath and topojson mesh, while the histogram aggregates monthly sums using d3.histogram and scaleTime. Data comes from an external CSV of migrant incidents.

Llefat92

85% match

Loading thumbnail…

HIV/AIDS Making a Choropleth Map

This example visualizes the share of the population infected with HIV/AIDS for countries worldwide in 2017, using a choropleth map rendered with SVG paths. Countries lacking data appear gray, while others are colored using a sequential yellow-orange-red color scale via `d3.scaleSequential` and `interpolateYlOrRd`. The map is built with React, D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for graticules, alongside country boundaries from the world-atlas TopoJSON. Data comes from an IHME CSV joined to numeric country codes via ISO-3166 codes.

MMichael Bergerson

84% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a sequential yellow-to-red scale based on infection rates. Missing data renders in gray. Built with React and D3 v6, the map uses `geoNaturalEarth1` and `geoPath` to project world atlas TopoJSON data, while CSV data from the IHME is joined to country codes via a lookup table.

AAmir

84% match

Loading thumbnail…

HIV / AIDS Choropleth Map

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.

JJoakim Warholm

84% match