chore(i18n,curriculum): update translations (#43556)

curriculum/challenges/espanol/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.md

@@ -1,6 +1,6 @@
 ---
 id: 587d7faa367417b2b2512bd4
-title: Add a Hover Effect to a D3 Element
+title: Añade un efecto "Hover" a un elemento D3
 challengeType: 6
 forumTopicId: 301469
 dashedName: add-a-hover-effect-to-a-d3-element
@@ -8,17 +8,17 @@ dashedName: add-a-hover-effect-to-a-d3-element
 
 # --description--
 
-It's possible to add effects that highlight a bar when the user hovers over it with the mouse. So far, the styling for the rectangles is applied with the built-in D3 and SVG methods, but you can use CSS as well.
+Es posible añadir efectos que resalten una barra cuando el usuario pasa mouse sobre ella. Hasta ahora, el estilo de los rectángulos se aplica con los métodos incorporados en D3 y SVG, pero también puedes usar CSS.
 
-You set the CSS class on the SVG elements with the `attr()` method. Then the `:hover` pseudo-class for your new class holds the style rules for any hover effects.
+Tú estableces la clase CSS en los elementos SVG con el método `attr()`. Después la clase pseudo `:hover` para tu nueva clase mantiene las reglas de estilo para cualquier efecto hover.
 
 # --instructions--
 
-Use the `attr()` method to add a class of `bar` to all the `rect` elements. This changes the `fill` color of the bar to brown when you mouse over it.
+Utiliza el método `attr()` para añadir una clase de `bar` a todos los elementos `rect`. Esto cambia el color de (relleno) `fill` de la barra a marrón cuando pases el mouse sobre ella.
 
 # --hints--
 
-Your `rect` elements should have a class of `bar`.
+Tu elemento `rect` debe tener una clase de `bar`.
 
 ```js
 assert($('rect').attr('class').trim().split(/\s+/g).includes('bar'));