Nice try

100%

✓ Published1🌍 Public

Last edited May 10, 2021

Created on May 10, 2021

This example visualizes the share of the population infected with HIV for the year 2017 as colored points positioned on a world map, with each point representing a single data event. The map uses a Natural Earth projection rendered as SVG paths, with country boundaries and graticules drawn via `d3.geoPath` and `d3.geoGraticule`. Data from the IHME HIV prevalence CSV is loaded and colored through a sequential YlOrRd scale. The React framework coordinates the loading of World Atlas TopoJSON and CSV data, while D3 v5 handles the geographic projections and scales.

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…

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

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

85% match

Loading thumbnail…

Fork of Nice try

This choropleth map shows the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, using data from the Missing Migrants Dataset and the World Atlas TopoJSON. Countries are colored on a sequential yellow-to-red scale based on prevalence values, with missing data shown in light grey. The visualization uses React to render SVG paths via d3.geoPath and d3.geoNaturalEarth1, with d3.scaleSequential and interpolateYlOrRd for color encoding, and d3.geoGraticule for overlay lines.

Nnexus1058

85% match

Loading thumbnail…

2. 0:00 choropleth map

This choropleth map visualizes the share of population infected with HIV across countries for the year 2017, using a yellow-orange-red sequential color scale (d3.scaleSequential with interpolateYlOrRd) to represent prevalence percentages. The map renders geographic country boundaries using d3.geoNaturalEarth1 projection and d3.geoPath, with graticules and interiors drawn as SVG paths. Countries without data appear gray. The React app loads CSV data on HIV prevalence and ISO country codes, joins them via d3.csv and Map lookups, and uses a topojson world atlas for the country shapes.

Uumgi

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…

Fork of HIV/AIDS Choropleth Map

A choropleth world map displays the share of the population infected with HIV/AIDS for the year 2017, shaded with d3.scaleSequential and interpolateYlOrRd. Missing countries appear gray. The visualization uses React with custom hooks to load and merge data from the IHME HIV prevalence CSV and ISO country codes, joining them by numeric codes. d3.geoNaturalEarth1 projection and d3.geoPath render the map, with graticules and interiors from d3.geoGraticule and topojson mesh.

88DancingElephants

85% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale. It renders world countries as SVG paths via d3.geoPath with a natural Earth projection, styling graticules and interiors for reference. The chart is built with React and d3.v5, loading country geometries from World Atlas TopoJSON and HIV prevalence data from the IHME CSV. The code maps alpha-3 codes to numeric country codes to join the datasets, and countries with missing data appear in gray.

YYedrup

85% match