diff --git a/src/assets/text/text_es.js b/src/assets/text/text_es.js index 4dc98ead9f9c2a17a533029d2d6666671f24948d..bb30d10b0ac5bebeaee60be9240b73166427e570 100644 --- a/src/assets/text/text_es.js +++ b/src/assets/text/text_es.js @@ -28,9 +28,9 @@ export default { }, metaAnalysisText: { title: "Metaanálisis del riesgo de la falta de agua potable", - paragraph1: `Researchers in the USGS Social and Economic Drivers program <a href="https://www.usgs.gov/data/literature-summary-indicators-water-vulnerability-western-us-2000-2022" target="blank">identified factors of social vulnerability associated with conditions of water insecurity</a>. The team focused their analysis on studies between 2000 and 2022 that took place in the conterminous United States (lower 48 states) west of the Mississippi River. The Western states face a slew of water availability challenges, including increasing population growth, dependence on groundwater, and generally low precipitation (see <a href='https://pubs.usgs.gov/circ/2005/circ1261/pdf/C1261.pdf' target="blank">Anderson and Woosley 2005 </a> for a discussion of water availability in the Western United States).`, - paragraph2: `spanish text spanish text`, - paragraph3: `spanish text` + paragraph1: `Los investigadores del programa de Impulsores Sociales y Económicos de USGS <a href="https://www.usgs.gov/data/literature-summary-indicators-water-vulnerability-western-us-2000-2022" target="blank">identificaron factores de riesgo social asociados con las condiciones de carencia de agua potable</a>. El equipo centró su análisis en estudios realizados entre 2000 y 2022 en los estados colindantes (los 48 estados inferiores) al oeste del rÃo Misisipi. Los estados del oeste se enfrentan a una serie de desafÃos de disponibilidad de agua, incluido el aumento del crecimiento de la población, la dependencia de aguas subterráneas y una escasez regular de precipitación (véase <a href='https://pubs.usgs.gov/circ/2005/circ1261/pdf/C1261.pdf' target="blank">Anderson y Woosley 2005 </a> para un análisis de la disponibilidad de agua en el oeste de los Estados Unidos).`, + paragraph2: `El equipo descubrió que se habÃa estudiado muy bien un pequeño subconjunto de factores de riesgo social que se asociaba sistemáticamente con la carencia de agua potable. Estos factores incluÃan múltiples caracterÃsticas demográficas (edad, raza/etnia, estructura familiar, género y dominio del idioma), dependencia de fuentes y usos especÃficos del agua, riqueza y exposición a riesgos relacionados con el agua.`, + paragraph3: `Sin embargo, estos factores no se distribuyen de manera equitativa en el oeste de los Estados Unidos. Por ejemplo, ciertas razas y etnias se concentran más en algunas áreas geográficas que en otras. De manera similar, algunos condados tienen una media de ingresos por hogar mucho más baja que otros condados. Comprender dónde viven estas poblaciones vulnerables es clave para que los administradores de recursos hÃdricos tomen decisiones equitativas sobre la disponibilidad y el uso del agua. A continuación, se describen con más detalle algunos de los factores que este estudio consideró significativos en los estados del oeste.` }, socialVulnerabilityText: { title: "spanish text", diff --git a/src/components/InteractiveDendrogram.vue b/src/components/InteractiveDendrogram.vue index c6a85a98334b6c30961888d2536c2b7283a95099..9049f3628aeb984e11e19feed4b33a454f38a4d2 100644 --- a/src/components/InteractiveDendrogram.vue +++ b/src/components/InteractiveDendrogram.vue @@ -1,10 +1,10 @@ <template> <section id="dendrogram"> <div id="title" class="text-container title-text"> - <h3 v-html="metaText.title"></h3> + <h3 v-html="t('text.components.metaAnalysisText.title')"></h3> </div> <div id="text1" class="text-container"> - <p v-html="metaText.paragraph1"></p> + <p v-html="t('text.components.metaAnalysisText.paragraph1')"></p> </div> <div id="image-container"> <figure> @@ -17,13 +17,13 @@ <div id="dendrogram-container" aria-label="Dendrogram showing nested hierarchy of vulnerability indicators related to water insecurity. Indicators fall within one of 6 dimensions: demographic characteristics, exposure to stressors, health, land tenure, living conditions, risk perception, and socioeconomic status. Within the dimensions there were 50 determinants that individual indicators, or data variables fit within. The most well studied were demographic characteristics of ethnicity and race and related to age. Similarly, socioeconomic variables related to income, wealth, and education were relatively well studied. Exposure to various physical conditions were also well studied. To access the data, including the number of studies for each indicator and their relationship with vulnerability, go to the csv provided: https://www.sciencebase.gov/catalog/item/63f79d49d34e4f7eda456572"></div> <div id="text2" class="text-container"> - <p v-html="metaText.paragraph2"></p> + <p v-html="t('text.components.metaAnalysisText.paragraph2')"></p> </div> <div id="text3" class="text-container quote"> - <p v-html="metaText.paragraph3"></p> + <p v-html="t('text.components.metaAnalysisText.paragraph3')"></p> </div> <div id="text4" class="text-container"> - <p v-html="metaText.paragraph4"></p> + <p v-html="t('text.components.metaAnalysisText.paragraph4')"></p> </div> </section> </template> @@ -32,13 +32,14 @@ import { onMounted, ref } from 'vue'; import { isMobile } from 'mobile-device-detect'; import * as d3 from 'd3'; -import text from "../assets/text/text_en.js"; +import { useI18n } from 'vue-i18n'; + +const { t } = useI18n(); // global variables const publicPath = import.meta.env.BASE_URL; const data = ref([]); const mobileView = isMobile; -const metaText = text.components.metaAnalysisText; let textSize; // set colors for dimension