dashboard = { const data = [ { hazard: "Extreme Heat", gi_type: "Urban Tree Canopy", pathway: "Heat Exposure Reduction", health_outcome: "Reduced heat-related illness", evidence_level: "Strong", valuation_status: "TBD", sources: [ { citation: "U.S. EPA (2021) Climate Change and Health Assessment", url: "https://www.epa.gov" }, { citation: "CDC Heat & Health Tracker", url: "https://ephtracking.cdc.gov" } ] }, { hazard: "Extreme Heat", gi_type: "Urban Tree Canopy", pathway: "Heat Exposure Reduction", health_outcome: "Reduced heat-related mortality", evidence_level: "Strong", valuation_status: "TBD", sources: [ { citation: "U.S. EPA (2021) Climate Change and Health Assessment", url: "https://www.epa.gov" } ] }, { hazard: "Extreme Heat", gi_type: "Green Roof", pathway: "Indoor Temperature Reduction", health_outcome: "Reduced heat stress", evidence_level: "Moderate", valuation_status: "TBD", sources: [ { citation: "U.S. EPA (2021) Climate Change and Health Assessment", url: "https://www.epa.gov" } ] }, { hazard: "Flooding", gi_type: "Wetland Restoration", pathway: "Flood Attenuation", health_outcome: "Reduced injury risk", evidence_level: "Moderate", valuation_status: "TBD", sources: [ { citation: "U.S. EPA (2021) Climate Change and Health Assessment", url: "https://www.epa.gov" } ] }, { hazard: "Air Quality", gi_type: "Urban Tree Canopy", pathway: "Pollution Reduction", health_outcome: "Reduced asthma exacerbations", evidence_level: "Mixed", valuation_status: "TBD", sources: [ { citation: "U.S. EPA (2021) Climate Change and Health Assessment", url: "https://www.epa.gov" } ] }, { hazard: "Mental Health", gi_type: "Parks and Greenways", pathway: "Access to Nature", health_outcome: "Reduced stress", evidence_level: "Strong", valuation_status: "TBD", sources: [ { citation: "WHO (2017) Urban Green Space and Health", url: "https://www.who.int" } ] } ]; const container = html`

Nature Based Solutions Health Benefits Explorer

Diane M.L. Mas, Ph.D., REHS/RS

This tool maps climate hazards → nature based solution → health pathways → health outcomes.

Note: Monetary valuation is not yet implemented.

Important Notice

This tool is under active development and is intended for exploratory use only. It illustrates potential relationships between climate hazards, green infrastructure or nature-based solutions, and associated health outcomes based on available evidence. The content is not exhaustive and does not represent definitive or universally applicable findings. Evidence classifications are generalized and do not reflect formal systematic reviews. Monetary valuation components are not yet implemented and, when added, will rely on assumptions and context-specific inputs. This tool should not be used as a substitute for professional judgment or as the sole basis for policy, investment, or design decisions.

Select a resilience issue

Select a nature based solution

`; const hazardSelect = container.querySelector("#hazardSelect"); const giSelect = container.querySelector("#giSelect"); const results = container.querySelector("#results"); const unique = arr => [...new Set(arr)].sort(); function populateHazards() { hazardSelect.innerHTML = unique(data.map(d => d.hazard)) .map(h => ``) .join(""); } function populateGI() { const selectedHazard = hazardSelect.value; const hazardData = data.filter(d => d.hazard === selectedHazard); giSelect.innerHTML = unique(hazardData.map(d => d.gi_type)) .map(gi => ``) .join(""); } function render() { const selectedHazard = hazardSelect.value; const selectedGI = giSelect.value; const giData = data.filter( d => d.hazard === selectedHazard && d.gi_type === selectedGI ); const pathways = {}; giData.forEach(row => { if (!pathways[row.pathway]) pathways[row.pathway] = []; pathways[row.pathway].push(row); }); results.innerHTML = `

Summary

Hazard: ${selectedHazard}
Solution: ${selectedGI}
Pathways: ${Object.keys(pathways).length}
Outcomes: ${giData.length}

Health Pathways and Outcomes

${Object.entries(pathways).map(([pathway, rows]) => `

${pathway}

${row.health_outcome}
Evidence: ${row.evidence_level}
Value: ${row.valuation_status}
Sources
- ${src.citation}

`).join("")} `; } function update() { populateGI(); render(); } populateHazards(); populateGI(); render(); hazardSelect.addEventListener("change", update); giSelect.addEventListener("change", render); return container; }