Viewing a saved revision (read-only)
dd5ff797cca84103bf28ef734da4edc1
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 descriptionHypertension Prevalence Visualization
This visualization shows the age-standardized prevalence of hypertension among women aged 30-79 years across different countries in 2019.
Features
- Bar chart showing hypertension prevalence rates by country
- Color-coded by region with interactive legend
- Filter by clicking on regions in the legend
- Responsive design that adapts to different screen sizes
- Clear visual hierarchy with meaningful color scheme
- Tooltips with additional information
- Direct data loading from CSV
Data
The data comes from the World Health Organization (WHO) and represents global hypertension prevalence statistics from 2019.
Technical Implementation
- Built with React for component architecture
- D3.js for data visualization
- CSS for styling and transitions