World map

100%

✓ Published0🌍 Public

Last edited Apr 12, 2023

Created on Apr 12, 2023

Forked from 2015 Internet Users World Map

This example presents a world map visualizing HIV-infected people per country using 2021 data from the World Bank. Countries are colored with a green sequential scale based on infection counts, with hover tooltips displaying exact values and a legend explaining the ranges. Users can zoom and pan the map via d3.zoom. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for geographic rendering, with topojson-client to load country boundaries from the visionscarto-world-atlas.

AI-generated description

A 2015 world map of HIV Infected People Dataset. This iteration adds hover and zoom.

MIT Licensed

Similar vizzes

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

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

84% match

Loading thumbnail…

[SR] HIV/Aids Infections on World Map

A choropleth world map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-to-red sequential color scale. Countries lacking data are filled in gray. Built with React and D3 v5, the map uses `d3.geoNaturalEarth1` projection, `d3.geoPath` for country boundaries, and `d3.geoGraticule` for graticules, with data from a CSV file on HIV prevalence.

Ssuserocc

83% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS among adults aged 15–49 in 2017, using a yellow-to-red sequential color scale. Country boundaries come from the World Atlas TopoJSON, while prevalence data is loaded from a CSV and joined to countries via ISO numeric codes. The visualization is built with React and D3 v5, using `geoNaturalEarth1` and `geoPath` for projection, `geoGraticule` for overlaying grid lines, and `scaleSequential` with `interpolateYlOrRd` to encode values. Countries without data appear gray.

Bbillmccabeusa@hotmail.com

82% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map

This visualization displays the global prevalence of HIV/AIDS for the year 2017, mapping each country's infection rate with a yellow-to-red sequential color scale. Country boundaries are rendered as SVG paths using `d3.geoPath` with the Natural Earth projection, while graticules and sphere outlines provide geographic context. The data comes from an IHME CSV file, joined to country shapefiles via ISO numeric codes. Countries without matching data appear gray. The code leverages `d3.scaleSequential` with `interpolateYlOrRd`, processes topojson through the `topojson` library, and uses React hooks (`useState`, `useEffect`) to asynchronously fetch both the atlas and CSV data.

SSahar Ejaz

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

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

82% 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 to encode infection rates by country. Countries missing data appear in grey. The visualization loads world geometry from TopoJSON via `world-atlas`, joins it with CSV data on HIV prevalence, and renders the map using React with `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, plus `d3.scaleSequential` for color mapping.

PPhronesis

82% match