corregir unas palabras

frontend/src/components/Globe.vue

@@ -214,7 +214,7 @@ function updateRegions(animationTime) {
   for (const nuts in regionMeshData) {
     regionMeshData[nuts].forEach(({mesh, shape}) => {
       const covidDataWeek = props.covidData[props.selectedDate.toJSON()][nuts];
-      const color = visualization.color(covidDataWeek.incidence);
+      const color = visualization.colorByIncidence(covidDataWeek.incidence);
       const extrusion = visualization.extrusion(covidDataWeek.incidence)
       const shapeGeometry = createShapeGeometry(shape, extrusion);
 

frontend/src/components/Sidebar.vue

@@ -238,7 +238,7 @@ onMounted(() => {
             <div class="level-item has-text-centered">
               <div>
                 <p class="heading">
-                  <i class="fa fa-people-group"></i> Population
+                  <i class="fa fa-people-group"></i> Población
                 </p>
                 <p class="title">
                   {{ numberWithDots(currentCovidElement.population) }}
@@ -288,7 +288,7 @@ onMounted(() => {
             />
           </div>
           <div class="column">
-            <label class="label">Dividir casos por población</label>
+            <label class="label">Mostrar proporción</label>
           </div>
           <div class="column">
             <div class="field">

frontend/src/helpers/visualization.js

@@ -8,7 +8,7 @@ const extrusion = function (incidence) {
 }
 
 // black and white scheme for now
-const color = function (incidence) {
+const colorByIncidence = function (incidence) {
   incidence = parseFloat(incidence)
   if (incidence > maxIncidence) incidence = maxIncidence
   let value = (255 - Math.round((incidence / maxIncidence) * 255))
@@ -19,5 +19,5 @@ const color = function (incidence) {
 
 export default {
   extrusion,
-  color,
+  colorByIncidence,
 }