diff --git a/src/assets/text/text_en.js b/src/assets/text/text_en.js index b0b28ed10afa26a272fb1702eaca47e5484bd70c..7cf3f043b145e0208af24adf70a1c281bdb002e6 100644 --- a/src/assets/text/text_en.js +++ b/src/assets/text/text_en.js @@ -45,6 +45,8 @@ export default { bubbleText: "Interact with the chart to explore evidence<br>for social vulnerability determinants.", bubbleLegend: `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 et al, 2023)</a>`, bubbleYaxis: `The y-axis of the chart represents the level of agreement among studies where increased <b>consensus</b> indicates a majority of studies using the selected determinant recorded the same direction of influence on conditions of water insecurity and <b>inconclusive</b> indicates studies using the selected determinant did not record the same direction of influence on conditions of water insecurity. The size of the bubbles on the chart represents the number of studies, with larger bubbles indicating that a particular determinant has been studied more frequently.`, + bubbleYlabelMax: `Consensus`, + bubbleYlabelMin: `Inconclusive`, bubbleCheckbox: `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`, bubbleLabels: { "Demographiccharacteristics": "demographic characteristics", diff --git a/src/assets/text/text_es.js b/src/assets/text/text_es.js index e11e841e4ca63b5df4677303673680bea44e2544..31dca9b492c9c2fc47605446481224f0957cd933 100644 --- a/src/assets/text/text_es.js +++ b/src/assets/text/text_es.js @@ -45,6 +45,8 @@ export default { bubbleText: "Interactúe con el gráfico para ver diferentes muestras<br>de los factores determinantes de riesgo social.", bubbleLegend: `Se han estudiado muchos factores determinantes de riesgo social. Algunos muestran relaciones positivas <span class="legend-box positive"></span> con la carencia de agua, otros negativas <span class="legend-box negative"></span>, y otros desconocidas <span class="legend-box unknown"></span> <a href='https://www.sciencebase.gov/catalog/item/63f79d49d34e4f7eda456572' target='_blank'>(Hines y otros, 2023)</a>`, bubbleYaxis: `El eje Y del gráfico representa el nivel de acuerdo entre los estudios, donde el aumento del <b>consenso</b> indica que la mayorÃa de los estudios que utilizaron el factor determinante seleccionado indicaron el mismo tipo de influencia en las condiciones de carencia de agua y <b>no concluyentes</b> indica que los estudios que utilizaron el factor determinante seleccionado no indicaron un mismo tipo de influencia en las condiciones de carencia de agua. El tamaño de las burbujas en el gráfico representa el número de estudios, y las burbujas más grandes indican que un factor determinante particular se ha estudiado con más frecuencia.`, + bubbleYlabelMax: `Consenso`, + bubbleYlabelMin: `No concluyentes`, bubbleCheckbox: `Todo el mundo necesita acceso a agua potable. For those with limited access, <span class="tooltip-group"><span class="tooltip-span"> carencia de agua potable </span><span id="water-insecurity-tooltip" class="tooltiptext">La población no puede mantener el acceso a cantidades adecuadas de agua de una calidad aceptable para mantener la subsistencia, el desarrollo y la salud humana y de los ecosistemas.</span></span> has a daily impact on their lives. El grado en que las personas experimentan la carencia de agua potable varÃa según `, bubbleLabels: { "Demographiccharacteristics": "las caracterÃsticas demográficas", diff --git a/src/components/BeeswarmChart.vue b/src/components/BeeswarmChart.vue index aaeab61d14ee4a6d50e2ce656103cbdb493fb5e5..3d319b20ed3db84dac66610992ad382d1762b0d2 100644 --- a/src/components/BeeswarmChart.vue +++ b/src/components/BeeswarmChart.vue @@ -223,14 +223,14 @@ function createBeeswarmChart() { .attr("text-anchor", "left") .attr("font-weight", 700) .attr("transform", `translate(${margin.left}, ${margin.top / 2})`) - .text("Consensus"); - + .text(t('text.components.chartText.bubbleYlabelMax')); +console.log(t('text.components.chartText')) svg.append('text') .attr("class", "yLabel") .attr("text-anchor", "left") .attr("font-weight", 700) .attr("transform", `translate(${margin.left}, ${containerHeight - (margin.bottom / 2) + 10})`) - .text("Inconclusive"); + .text(t('text.components.chartText.bubbleYlabelMin')); // Set forces const forceY = d3.forceY(d => yScale(d.level_agreement)).strength(0.9); @@ -265,8 +265,6 @@ function createBeeswarmChart() { .attr("cx", d => Math.max(margin.left + radiusScale(d.evidence_val), Math.min(width - margin.right - radiusScale(d.evidence_val), d.x))) .attr("cy", d => Math.max(radiusScale(d.evidence_val), Math.min(containerHeight - radiusScale(d.evidence_val), d.y))); } - - //createLegend(); // add legend to caption } function toggleCategory(category) {