Viewing a saved revision (read-only)
e50511734b8e4a0fb7f1f16171829ae7
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.
AI-generated descriptionHigh Blood Pressure Visualization
This visualization project shows the prevalence of hypertension (high blood pressure) around the world, using data from the World Health Organization.
Features
- Interactive treemap visualization showing hypertension rates by country
- Countries grouped by WHO regions
- Color encoding represents prevalence percentage
- Size of rectangles represents estimated affected population
- Interactive tooltips with detailed information
Data Source
World Health Organization (WHO), NCD Risk Factor Collaboration
Technical Implementation
Built with:
- D3.js for data visualization
- React for UI components
- Modern JavaScript (ES6+)
The visualization is fully responsive and works across different screen sizes.
How to Use
Hover over countries to see detailed information about hypertension prevalence rates and estimated affected population.