HIV / AIDS

100%

✓ Published0🌍 Public

Last edited Mar 3, 2022

Created on Mar 3, 2022

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.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

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

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

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

85% match

Loading thumbnail…

HIV/AIDS with React & D3

This visualization uses a D3 geoEqualEarth projection to render a world map colored by HIV prevalence rates for 2017, with a sequential YlOrRd color scale indicating the percentage of the population aged 15-49 affected. Built with React and D3 v7, the code loads country boundaries and interior lines via the topojson `feature` and `mesh` functions, while CSV data from IHME is joined to map geometries using ISO country codes. SVG paths render the sphere, graticules, and landmasses, with countries lacking data filled in grey.

MManon ROMAIN

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

84% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates for 2017, shading countries on a natural Earth projection according to the percentage of the population aged 15–49 infected. It uses React with d3.geoPath to render the sphere, graticules, and country boundaries from the World Atlas TopoJSON, while d3.scaleSequential with an interpolateYlOrRd color scale maps prevalence values. Data comes from a CSV of IHME country-level estimates, joined to country codes via ISO-3166 codes, with missing data rendered in gray.

NNelson Kalgushkin

83% match

Loading thumbnail…

React world HIV/AIDS map

A React-based choropleth map visualizes global HIV/AIDS prevalence among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale to represent the percentage of infected populations. The map renders geographic boundaries via topojson world atlas data and d3.geoPath with a geoNaturalEarth1 projection, while graticule lines and borders provide spatial context. Countries lacking data appear gray. The visualization loads HIV prevalence statistics from an IHME CSV dataset, merges them with ISO country codes, and displays tooltips revealing country names on hover.

SSuperShreejit

83% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 in 2017, with countries colored on a yellow-to-red sequential scale based on infection rates. It uses D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to render world boundaries and graticules. The React-powered application merges HIV data from IHME with ISO country codes, mapping each nation by numeric code. Countries without matching HIV data appear gray. The visualization is built with D3 v5, React, and TopoJSON, sourcing country shapes from World Atlas TopoJSON.

GGuilinabaoge

83% match