World Map

100%

✓ Published0🌍 Public

Last edited Nov 1, 2025

Created on Nov 1, 2025

This choropleth map displays the global prevalence of hypertension among adults aged 30-79 years in 2019, with data sourced from the WHO Global Health Observatory. The map uses a blue sequential color scale to represent percentage values, ranging from approximately 15% to 35%, and includes an interactive legend with tick marks. A dropdown menu allows switching between "Both sexes," "Female," and "Male" to filter the displayed data. Built with React and D3 v5, the visualization uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` for rendering country boundaries, and SVG paths for map elements. Hovering over a country highlights it and shows a tooltip with the country name and its exact prevalence value.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

World Map 2

This interactive choropleth map visualizes the global prevalence of hypertension in 2019, filtered by sex. It uses a blue sequential color scale to encode prevalence values. Built with React and D3, the visualization employs `d3.geoPath` to render an SVG map, with country interactivity for tooltips and highlighting. The legend is generated using `d3.scaleSequential` and `d3.interpolateBlues`. Data originates from the WHO Global Health Observatory, loaded via `d3.csv` and `d3.json`.

MMd Fahimul Kabir Chowdhury

93% match

Loading thumbnail…

Fork of Fork of Polished World Map

This interactive map visualizes age-standardized hypertension prevalence among adults aged 30-79 across countries, using 2019 WHO Global Health Observatory data. Users can filter results by sex through a dropdown. A sequential blue color scale encodes prevalence percentages, with a gradient legend and hover tooltips displaying exact values. The application is built with React and D3.js (d3.geoPath, d3.geoNaturalEarth1, d3.geoGraticule) to render an SVG world map from TopoJSON data, while d3.scaleSequential and interpolateBlues drive the color encoding.

NNita

86% match

Loading thumbnail…

Fork of Treemap visualization of global high blood pressure rates

This interactive map displays global hypertension prevalence among adults aged 30–79 using 2019 WHO data, coloring countries from green (low) to red (high) via d3.scaleSequential and interpolateRdYlGn. Country boundaries render with d3.geoNaturalEarth1 and d3.geoPath, while d3.zoom enables pan and zoom. Hover tooltips report prevalence rates, estimated affected populations, and region. The React app loads CSV health data alongside TopoJSON world geometries, with animations smoothing country transitions.

NNita

83% match

Loading thumbnail…

Treemap visualization of global high blood pressure rates

This treemap visualizes global high blood pressure rates, showing each country as a rectangle whose area represents the estimated population with high blood pressure and whose color indicates the prevalence rate, using an RdYlGn sequential color scale where darker reds denote higher percentages. The visualization, built with React and d3.v7, uses `d3.treemap()` to compute the hierarchical layout, groups rectangles by world region with labeled headers, and displays country names and prevalence percentages inside each cell. Hover interactions reveal a formatted tooltip with the country, prevalence rate, and affected population. Data comes from the World Health Organization's NCD Risk Factor Collaboration 2019 dataset.

NNita

80% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017. Countries are colored on a yellow-orange-red sequential scale using d3.scaleSequential with interpolateYlOrRd, with gray indicating missing data. The map uses d3.geoNaturalEarth1 projection, d3.geoPath, topojson features for country boundaries, and a geoGraticule overlay. Data comes from IHME prevalence statistics loaded via d3.csv, rendered as SVG paths in a React framework.

Iiblub

77% match

Loading thumbnail…

Making a Choropleth Map

This choropleth map visualizes global HIV prevalence rates among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale to encode the percentage of the population infected. The map renders country polygons via `d3.geoPath` with a `geoNaturalEarth1` projection, overlaid with graticules and interior boundaries. Missing data appears in gray. The visualization uses React for component structure, `useWorldAtlas`, `useData`, and `useCodes` hooks to load TopoJSON and CSV datasets, and `d3.scaleSequential` with `interpolateYlOrRd` to map values to colors.

NNikhil Reddy Manda

76% 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 sequential yellow-to-red color scale to indicate infection rates. Countries without data appear in gray. The visualization is built with React and D3 v7, using `geoNaturalEarth1` projection, `geoPath` to render country boundaries, and `geoGraticule` for the latitude/longitude grid. Data comes from IHME, joined to country shapes via ISO numeric codes loaded from a CSV.

SSerind Joshua McCue

76% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a yellow-orange sequential color scale where darker shades represent higher infection rates. Countries with missing data appear in grey. Built with React and D3 v5, the visualization loads world country boundaries from a TopoJSON dataset and HIV prevalence data from a CSV file. The code projects geographic coordinates using `geoNaturalEarth1`, renders country shapes with `geoPath`, and overlays graticules via `geoGraticule`.

Rrajamrit-singh

76% match