World Map 2

100%

✓ Published1🌍 Public

Last edited Nov 1, 2025

Created on Nov 1, 2025

Forked from Fork of Fork of Polished World Map

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

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

World Map

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.

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

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

78% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS in 2017, sourced from IHME data. The map uses a sequential yellow-orange-red color scale to encode prevalence rates across countries, with gray representing missing data. Built with React and D3 v5, it renders a Natural Earth projection using `geoNaturalEarth1` and `geoPath`, with country boundaries from the world-atlas TopoJSON. The data is loaded via D3’s `csv` and joined to map features using ISO alpha-3 codes.

Uuplusv

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

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

77% match