Actualizado el texto sobre los paises

Js/script.js

@@ -127,6 +127,7 @@ function dibujaMapa(seleccionAnno) {
                     .attr("id","texto")
                     .attr("x", centroid[0])
                     .attr("y", centroid[1] - 10)
+                    .style("font-family","Arial")
                     .style("fill","black")
                     .text(`${d.properties.name}: ${d.properties.value ? d.properties.value.toFixed(2) : 'Sin datos'}`)
                     .style("opacity", 1);
@@ -293,10 +294,11 @@ function dibujaGrafico(country,paises){
     // Título
     svg.append("text")
         .attr("x", width / 2)
-        .attr("y", -8)
+        .attr("y", -5)
         .attr("text-anchor", "middle")
         .style("font-size", "18px")
         .style("font-weight", "bold")
+        .style("font-family","Arial")
         .text(`Evolución de los datos para ${country}`);
 }
 

index.html

@@ -11,7 +11,6 @@
         Distribución del PIB mundial en cientos de millones de dólares
     </div>
     <div id="map">
-        <!-- Add a container for the year selector -->
         <div id="yearSelectorContainer">
         </div>
     </div>