From f9ad831375315f91456c180abfd8c03ab9bc077c Mon Sep 17 00:00:00 2001
From: Corson-Dosch <hcorson-dosch@usgs.gov>
Date: Fri, 23 Aug 2024 10:04:06 -0500
Subject: [PATCH] add ids for individual tooltips
---
src/assets/text/text.js | 10 +++++-----
src/components/BeeswarmChart.vue | 2 +-
src/components/Maps.vue | 2 +-
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/assets/text/text.js b/src/assets/text/text.js
index 29482ed..63edb6f 100644
--- a/src/assets/text/text.js
+++ b/src/assets/text/text.js
@@ -1,12 +1,12 @@
export default {
pageTitle: "Unequal access to water",
components: {
- introNarrative: {
+ introNarrative: {
title: "",
paragraph1: `Imagine, for example, that you live in a big house in the suburbs where clean water flows out of every faucet. There’s enough water for you and your family to grow a nice garden every year. The public water supplier treats the water and maintains the distribution system regularly, so you know the water is safe for you to drink.`,
paragraph2: `Now imagine you live in a small rural community on the outskirts of town. You have your own well, but in recent years, you and your neighbors have had to dig deeper and deeper to reach water. Dangerous metals, originating from sources such as discharging industrial wastewater and corroded copper pipes soldered with lead, are leaching into the water belowground, but you have no way of treating your water before your family drinks it. A nearby pond shrinks each summer and acquires a ghastly green hue as it’s choked by harmful algae blooms.`,
paragraph3: `This scene may sound unimaginable, but this is the unfortunate reality for many Americans. More than 2.2 million Americans lack running water and basic plumbing in their home <a href='https://www.digdeep.org/draining' target='_blank'>(DigDeep, 2022)</a>, and roughly 3% of community water systems have severe issues with water quality <a href='https://www.nature.com/articles/s41467-021-23898-z' target='_blank'>(Mueller and Gasteyer, 2021)</a>. Limited access to clean water may be triggered by a single event, like the <a href='https://storymaps.arcgis.com/stories/7f105650f97e4b20839edb65de3b12ce' target='_blank'>derailing of the train carrying hazardous chemicals in East Palestine, Ohio,</a> or may be the long-term result of aging infrastructure, as was the case with the <a href='https://www.npr.org/sections/thetwo-way/2016/04/20/465545378/lead-laced-water-in-flint-a-step-by-step-look-at-the-makings-of-a-crisis' target='_blank'>dangerously high levels of lead in the drinking water of Flint, Michigan.</a>`,
- paragraph4: `Marginalized populations are often disproportionately affected by water insecurity. Communities of color and individuals living below the poverty line are frequently the hardest hit by <span class="tooltip"><span class="tooltip-span">water-related hazards,</span><span class="tooltiptext" style="z-index: 99"> A natural phenomenon and a situation where there is threat to life, health, environment, property, and society. Examples of water-related hazards include floods, hydrologic droughts and storm surges.</span></span> lacking the means to safeguard themselves adequately. They may face barriers to relocation or struggle to take time off work, cope with lost wages, or afford medical expenses. In the case of the Flint, Michigan, water crisis, black and low-income communities, who at the time made up <a href='https://apnews.com/general-news-7b2bcfdcc8d74ece9e0cb167a2239745' target='_blank'>57% and 42%</a> of Flint's population, respectively, were some of the socio-economically disadvantaged communities most affected by lead exposure. Regardless of the cause, the risk of experiencing water insecurity is closely related to the level of <span class="tooltip"><span class="tooltip-span">social vulnerability</span><span class="tooltiptext social-vulnerability">Conditions in which societal factors shape exposure to hazards, susceptibility to suffer harm, and ability to cope and recover from losses.</span></span>.`,
+ paragraph4: `Marginalized populations are often disproportionately affected by water insecurity. Communities of color and individuals living below the poverty line are frequently the hardest hit by <span class="tooltip-group"><span class="tooltip-span">water-related hazards,</span><span id='water-hazards-tooltip' class="tooltiptext"> A natural phenomenon and a situation where there is threat to life, health, environment, property, and society. Examples of water-related hazards include floods, hydrologic droughts and storm surges.</span></span> lacking the means to safeguard themselves adequately. They may face barriers to relocation or struggle to take time off work, cope with lost wages, or afford medical expenses. In the case of the Flint, Michigan, water crisis, black and low-income communities, who at the time made up <a href='https://apnews.com/general-news-7b2bcfdcc8d74ece9e0cb167a2239745' target='_blank'>57% and 42%</a> of Flint's population, respectively, were some of the socio-economically disadvantaged communities most affected by lead exposure. Regardless of the cause, the risk of experiencing water insecurity is closely related to the level of <span class="tooltip-group"><span class="tooltip-span">social vulnerability</span><span id='social-vulnerability-tooltip' class="tooltiptext">Conditions in which societal factors shape exposure to hazards, susceptibility to suffer harm, and ability to cope and recover from losses.</span></span>.`,
},
agVersusMunicipalText: {
title: "Social vulnerabilities in agricultural versus municipal sectors",
@@ -34,9 +34,9 @@ export default {
},
socialVulnerabilityText: {
title: "Where do we go from here?",
- paragraph1: "A crucial and largely unexplored area of research is the <span class='tooltip'><span class='tooltip-span'>intersectionality</span><span class='tooltiptext'>The complex, cumulative way in which the effects of multiple forms of discrimination combine, overlap, or intersect especially in the experiences of marginalized individuals or groups.</span></span> of social vulnerability factors. The factors evaluated by the researchers at USGS represent individual drivers of water insecurity, like household size or ethnicity. What about the people who experience multiple risk factors at the same time?",
- paragraph2: `For example, “Elderly people who have lower incomes are a unique population, existing at the overlap of, but distinct from, the elderly or lower income alone,†says Oronde Drakes, social geographer at USGS and lead author of the <span class="tooltip"><span class="tooltip-span">meta-analysis</span><span class="tooltiptext meta-analysis">Type of review study where researchers combine data from many different studies to try to identify bigger patterns across all the results.</span></span>. “The interaction of those social characteristics may well have different and significant impacts on water security than would be found exploring those social factors on their own.â€`,
- paragraph3: "In this burgeoning field of social vulnerability to water insecurity, there is still much to learn. A deeper understanding of not only where water insecurity occurs, but also who is most vulnerable and why, will improve the ability to address <span class='tooltip'><span class='tooltip-span'>environmental justice</span><span class='tooltiptext'>Scientific planning, activities, and information intended to support equitable access and use by all people who may be affected.</span></span> and equity issues in water resources."
+ paragraph1: "A crucial and largely unexplored area of research is the <span class='tooltip-group'><span class='tooltip-span'>intersectionality</span><span id='intersectionality-tooltip' class='tooltiptext'>The complex, cumulative way in which the effects of multiple forms of discrimination combine, overlap, or intersect especially in the experiences of marginalized individuals or groups.</span></span> of social vulnerability factors. The factors evaluated by the researchers at USGS represent individual drivers of water insecurity, like household size or ethnicity. What about the people who experience multiple risk factors at the same time?",
+ paragraph2: `For example, “Elderly people who have lower incomes are a unique population, existing at the overlap of, but distinct from, the elderly or lower income alone,†says Oronde Drakes, social geographer at USGS and lead author of the <span class="tooltip-group"><span class="tooltip-span">meta-analysis</span><span id="meta-analysis-tooltip" class="tooltiptext">Type of review study where researchers combine data from many different studies to try to identify bigger patterns across all the results.</span></span>. “The interaction of those social characteristics may well have different and significant impacts on water security than would be found exploring those social factors on their own.â€`,
+ paragraph3: "In this burgeoning field of social vulnerability to water insecurity, there is still much to learn. A deeper understanding of not only where water insecurity occurs, but also who is most vulnerable and why, will improve the ability to address <span class='tooltip-group'><span class='tooltip-span'>environmental justice</span><span id='environmental-justice-tooltip' class='tooltiptext'>Scientific planning, activities, and information intended to support equitable access and use by all people who may be affected.</span></span> and equity issues in water resources."
},
teamText: {
title: "About the team",
diff --git a/src/components/BeeswarmChart.vue b/src/components/BeeswarmChart.vue
index 22eaeef..34c1cdb 100644
--- a/src/components/BeeswarmChart.vue
+++ b/src/components/BeeswarmChart.vue
@@ -2,7 +2,7 @@
<section id="beeswarm">
<div id="text1" class="text-container">
<p>
- Everyone needs access to clean water. For those with limited access, <span class="tooltip-group"><span class="tooltip-span"> water insecurity </span><span class="tooltiptext"> Populations cannot maintain access to adequate quantities of water at an acceptable quality to sustain livelihoods, development, and human and ecosystem health.</span></span> has a daily impact on their lives. People may be more or less vulnerable to water insecurity due to
+ Everyone needs access to clean water. For those with limited access, <span class="tooltip-group"><span class="tooltip-span"> water insecurity </span><span id="water-insecurity-tooltip" class="tooltiptext"> Populations cannot maintain access to adequate quantities of water at an acceptable quality to sustain livelihoods, development, and human and ecosystem health.</span></span> has a daily impact on their lives. People may be more or less vulnerable to water insecurity due to
<span
:class="['highlight', 'Demographiccharacteristics', { checked: isChecked.Demographiccharacteristics }]"
@click="toggleCategory('Demographiccharacteristics')"
diff --git a/src/components/Maps.vue b/src/components/Maps.vue
index 5240352..9e8f49c 100644
--- a/src/components/Maps.vue
+++ b/src/components/Maps.vue
@@ -11,7 +11,7 @@
<div class="panel households-panel">
<p v-html="mapText.paragraph1"></p>
<img src="@/assets/images/avg_household_size_2022.png" alt="Choropleth map of average household size, of occupied housing units, at the county-level across the contiguous U.S.. The greatest average housing size were in Oglala Lakota County, South Dakota (5), Madison County, Idaho (3.9) and Todd County, South Dakota (3.8) (U.S. Census Bureau, 2022).">
- <figcaption><span class="tooltip"><span class="tooltip-span">Choropleth map</span><span class="tooltiptext">Type of map that displays divided geographical areas or regions that are coloured, shaded or patterned in relation to a data variable. This provides a way to visualise values over a geographical area, which can show variation or patterns across the displayed location.</span></span> of average household size, of occupied housing units, at the county-level across the contiguous U.S.. The greatest average housing size were in Oglala Lakota County, South Dakota (5), Madison County, Idaho (3.9) and Todd County, South Dakota (3.8) <a href='https://www.census.gov/data/developers/data-sets/acs-5year.html' target='_blank'>(U.S. Census Bureau, 2022).</a></figcaption>
+ <figcaption><span class="tooltip-group"><span class="tooltip-span">Choropleth map</span><span id="choropleth-map-tooltip" class="tooltiptext">Type of map that displays divided geographical areas or regions that are coloured, shaded or patterned in relation to a data variable. This provides a way to visualise values over a geographical area, which can show variation or patterns across the displayed location.</span></span> of average household size, of occupied housing units, at the county-level across the contiguous U.S.. The greatest average housing size were in Oglala Lakota County, South Dakota (5), Madison County, Idaho (3.9) and Todd County, South Dakota (3.8) <a href='https://www.census.gov/data/developers/data-sets/acs-5year.html' target='_blank'>(U.S. Census Bureau, 2022).</a></figcaption>
</div>
<button class="accordion latino-accordion">Hispanic populations<span class="symbol">+</span></button>
--
GitLab