From 8ca447cf4f729d3c324e82c65d29a4cb64fb3de6 Mon Sep 17 00:00:00 2001
From: Cee <cnell@usgs.gov>
Date: Fri, 30 Aug 2024 15:41:01 -0700
Subject: [PATCH] add langauge for tooltip on beeswarm

---
 src/assets/text/text_es.js               | 9 ++++-----
 src/components/AboutTheTeam.vue          | 1 -
 src/components/BeeswarmChart.vue         | 9 ++++++---
 src/components/InteractiveDendrogram.vue | 3 ---
 4 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/assets/text/text_es.js b/src/assets/text/text_es.js
index 0a82f8f..e573294 100644
--- a/src/assets/text/text_es.js
+++ b/src/assets/text/text_es.js
@@ -12,11 +12,6 @@ export default {
       title: "spanish text",
       paragraph1: "spanish text determinants.spanish textter insecspanish textocioeconomic status. Many studies of the municipal sector have emphasized exposure, as well. Because of the different focuses of these studies, we understand the influence of determinants like demographics and socioeconomics better in the municipal sector than we do in the agricultural sector. Which brings us to an important point…"
     },
-    bubbleChartText: {
-      title: "spanish text",
-      paragraph1: "Color = dimension of social vulnerability to water insecurity<br>Bubble = determinant (nested within dimension)<br>Details = indicator (nested within determinant)<br>Size = how much evidence do we have that the determinant contributes to water insecurity<br>Evidence = how much research has been done to assess the effect of the determinant on water insecurity<br>Agreement = how many studies agreed that the determinant increased water insecurity<br><br>Hover on a bubble to learn more",
-      paragraph2: "Who we are and where we live affect our access to clean, plentiful water. Certain categories of social factors (called “dimensions”) make us more vulnerable to water insecurity. These dimensions—demographic characteristics, living conditions, socioeconomic status, and exposure to external stressors like drought or pollution—have been studied by many researchers, most of whom agree the dimensions affect water insecurity. But certain aspects of those dimensions of social vulnerability (called “determinants”) are better studied than others. How much do we know about the effects of these determinants on water insecurity? Which determinants are we confident about, and which do we need to understand better? The Socioeconomic Drivers Program of the USGS Water Resources Mission Area is working to find out. "
-    },
     mapText: {
       title: "Indicadores de riesgo en los estados del oeste",
       paragraph1: "La infraestructura y los elementos institucionales son los factores determinantes principales de acceso y seguridad del suministro de aguas en los Estados Unidos <a href='https://doi.org/10.1029/2023WR036284' target='_blank'>(Drakes y otros, 2024)</a>. <a href='https://wires.onlinelibrary.wiley.com/doi/10.1002/wat2.1486' target='_blank'>Meehan y otros (2020)</a> encontraron que 471 000 hogares o 1,1 millones de personas carecían de acceso a agua corriente entre 2013 y 2017, con la mayoría (73%) de estos hogares ubicados en áreas metropolitanas y casi la mitad (47%) en las 50 mayores áreas urbanas. Los estudios consultados mostraban que indicadores como el tamaño del hogar, las mujeres cabeza de familia, la población femenina y el porcentaje de mujeres en la fuerza laboral se relacionaban positivamente de manera predominante e influían en las condiciones de falta de acceso al agua. A continuación, se muestra un mapa por condados de la media del tamaño de los hogares, de viviendas ocupadas, donde los condados con la media de hogares de mayor tamaño, en azul oscuro, incluyen los condados de Oglala Lakota y de Todd en Dakota del Sur y el condado de Madison en Idaho.",
@@ -41,6 +36,10 @@ export default {
     teamText: {
       title: "Quiénes somos",
       paragraph1: "El equipo de Impulsores Sociales y Económicos de USGS está formado por científicos sociales, geógrafos e hidrólogos que realizan estudios interdisciplinarios para comprender las interacciones e interdependencias de los sistemas humanos y naturales con respecto a los sectores de uso del agua. El propósito de este proyecto es predecir y medir los riesgos sociales que impiden el acceso seguro al agua potable para evaluar y tratar mejor los riesgos para una gestión del agua adaptativa."
+    },
+    chartText: {
+      bubbleText: "Interactúe con el gráfico para ver diferentes muestras<br>de los factores determinantes de riesgo social.",
+
     }
 
   }
diff --git a/src/components/AboutTheTeam.vue b/src/components/AboutTheTeam.vue
index ee74df8..843767e 100644
--- a/src/components/AboutTheTeam.vue
+++ b/src/components/AboutTheTeam.vue
@@ -13,7 +13,6 @@
 <script setup>
 import { ref, onMounted } from 'vue';
 import * as d3 from 'd3';
-import text from "../assets/text/text_en.js";
 import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
diff --git a/src/components/BeeswarmChart.vue b/src/components/BeeswarmChart.vue
index 4da13b8..ce29189 100644
--- a/src/components/BeeswarmChart.vue
+++ b/src/components/BeeswarmChart.vue
@@ -48,7 +48,7 @@
       </p>
     </div>
     <div id="text2" class="text-container tooltip-width">
-      <div id="tooltip" class="tooltip">Interact with the chart to explore evidence<br>for social vulnerability determinants.</div>
+      <div id="tooltip" class="tooltip"><p v-html="t('text.components.chartText.bubbleText')"></p></div>
       <em>Many social vulnerability determinants have been studied. Some show positive <span class="legend-box positive"></span> relationships with water insecurity, some negative <span class="legend-box negative"></span>, and others unknown <span class="legend-box unknown"></span> <a href='https://www.sciencebase.gov/catalog/item/63f79d49d34e4f7eda456572' target='_blank'>(Hines and others, 2023)</a>.</em>
     </div>
     <div id="beeswarm-chart-container">
@@ -62,6 +62,9 @@
 <script setup>
 import { onMounted, ref } from "vue";
 import * as d3 from 'd3';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 // Global variables 
 const publicPath = import.meta.env.BASE_URL;
@@ -416,9 +419,9 @@ function handleMouseOver(event, d) {
 
 function handleMouseOut() {
   const tooltip = d3.select('#tooltip');
-  
+  const tooltipText = t('text.components.chartText.bubbleText');
   // add starting text
-  tooltip.html('Interact with the chart to explore evidence for<br>social vulnerability determinants.');
+  tooltip.html(tooltipText);
   
   // remove emphasis on bubbles
   d3.select(this)
diff --git a/src/components/InteractiveDendrogram.vue b/src/components/InteractiveDendrogram.vue
index 9049f36..fb7fdc9 100644
--- a/src/components/InteractiveDendrogram.vue
+++ b/src/components/InteractiveDendrogram.vue
@@ -22,9 +22,6 @@
     <div id="text3" class="text-container quote">
       <p v-html="t('text.components.metaAnalysisText.paragraph3')"></p>
     </div>
-    <div id="text4" class="text-container">
-      <p v-html="t('text.components.metaAnalysisText.paragraph4')"></p>
-    </div>
   </section>
 </template>
 
-- 
GitLab