Fork of Sized Points on a Map

100%

Fork of Sized Points on a Map

✓ Published0🌍 Public

Last edited Mar 27, 2021

Created on Mar 27, 2021

This example visualizes a world map where each country is shaded to represent the prevalence of HIV/AIDS among adults aged 15–49 in 2017. The color scale uses a sequential yellow-orange-red interpolation to encode values, with gray indicating missing data. Built with React and D3 v5, the map uses `geoNaturalEarth1` and `geoPath` for the projection and rendering, with country boundaries from World Atlas TopoJSON and graticules. Data comes from IHME, joined to country codes via CSV files.

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…

Fork of Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries shaded from light yellow to dark red based on infection rates. The visualization uses React to render SVG paths, with d3.geoNaturalEarth1 for map projection, d3.geoPath for drawing country boundaries and graticules, and d3.scaleSequential with an interpolateYlOrRd color scale. Country codes are matched against World Atlas TopoJSON features, and missing data appears in gray. Data comes from the IHME HIV prevalence dataset.

Aandychai07

89% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map displays the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a yellow-orange-red sequential color scale to indicate the percentage of the population infected. Countries lacking data appear in gray. The visualization leverages D3's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for rendering, with country boundaries sourced from the world-atlas TopoJSON. React manages the interface, while the data originates from an IHME CSV file, mapping each country via its numeric code.

AAliaksandr

89% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map 2

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 applied to country boundaries. Countries with missing data appear in gray. The visualization is rendered as SVG using React, with D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for map geometry. Data comes from the IHME CSV dataset, mapped to country codes via the ISO-3166 slim CSV, with country shapes from the world-atlas TopoJSON.

KKevin Andrade

88% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map

A choropleth map displays the prevalence of HIV/AIDS among adults aged 15-49 across countries for the year 2017, using a yellow-orange-red sequential color scale to indicate infection rates, with gray for missing data. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` to project country boundaries from World Atlas TopoJSON, overlaid with graticules and interior boundaries. Data comes from an IHME CSV file, joined to country shapes via ISO numeric codes, with color values scaled using `scaleSequential` and `interpolateYlOrRd`.

FFreeDoM

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

88% match

Loading thumbnail…

Fork of 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 indicate infection rates. Country shading is drawn from CSV data, while country boundaries and graticules are rendered as SVG paths using d3.geoPath and the natural Earth projection. The visualization uses d3.scaleSequential with interpolateYlOrRd for color mapping, and countries without data appear gray. The React-based application loads world atlas TopoJSON data and ISO country codes to link each nation to its corresponding metric.

KKevin Andrade

88% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

A choropleth map of global HIV/AIDS prevalence among adults aged 15–49 in 2017. Country colors encode prevalence using a sequential yellow-orange-red scale, with missing data shown in gray. Built with React and D3 v5, the map uses `geoNaturalEarth1` and `geoPath` for the projection, while country boundaries and graticules come from World Atlas TopoJSON. HIV prevalence data originates from the IHME dataset on GitHub, joined to country codes via the ISO-3166 CSV.

MMatthew Talty Colvard

88% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale to encode prevalence values. Countries missing data appear gray. The map is rendered as SVG using React, with D3’s `geoNaturalEarth1` projection, `geoPath` for country boundaries, and `geoGraticule` for the graticules. The data is loaded from a CSV of HIV prevalence estimates via D3’s `csv` function, while country geometries come from the World Atlas TopoJSON.

Oonceup

88% match