Con fuente

Js/script.js

@@ -299,12 +299,6 @@ function dibujaGrafico(country,paises){
         .attr("class", "y axis")
         .call(d3.axisLeft(yScale));
 
-    svg.append("text")
-        .style("font-size", "15px")
-        .attr("text-anchor", "middle")
-        .attr("transform", `translate(${-margin.left +35},${height / 2 -60})`)
-        .text("Valor PIB");
-
     // Título
     svg.append("text")
         .attr("x", width / 2)
@@ -313,6 +307,6 @@ function dibujaGrafico(country,paises){
         .style("font-size", "18px")
         .style("font-weight", "bold")
         .style("font-family","Arial")
-        .text(`Evolución de los datos para ${country}`);
+        .text(`Evolución del PIB para ${country}`);
 }
 

css/estilo.css

@@ -21,6 +21,7 @@ body {
     width: 100%; /* Asegura que ocupe el ancho completo */
     height: 70%; /* Asegura que el mapa ocupe el 70% de la pantalla */
     background-color: rgb(207, 207, 207);
+    position: relative;
 }
 #yearSelectorContainer {
     position: absolute;
@@ -33,14 +34,13 @@ body {
     font-family: Arial, sans-serif;
     z-index: 1000;  /* Ensures it stays above the map */
 }
-#footerText {
-    position: absolute;
-    top: 400px; /* Adjust for desired distance from the top */
-    left: 20px; /* Position it on the right side */
-    padding: 10px;
+#textoFuente { 
+    position: absolute; 
+    bottom: 0; 
+    left: 0; 
     font-family: Arial, sans-serif;
     font-size: small;
-    z-index: 1000;  /* Ensures it stays above the map */
+    margin: 5px; /* Ajusta el margen según sea necesario */
 }
 /* Contenedor inferior */
 #grafico {

index.html

@@ -13,7 +13,7 @@
     </div>
     <div id="map">
         <div id="yearSelectorContainer"></div>
-        <div id="footerText">Texto en la parte inferior izquierda</div>
+        <p id="textoFuente"> Fuente: <a href="https://www.kaggle.com/datasets/zgrcemta/world-gdpgdp-gdp-per-capita-and-annual-growths">World GDP</a> </p>
     </div>
     <div id="grafico"></div>
     <script src="./Js/script.js"></script>