freeCodeCamp/guide/english/certifications/data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element/index.md

title

title
Add a Hover Effect to a D3 Element

Add a Hover Effect to a D3 Element

---

Hints

Hint 1

Add the bar class to all rect elements.

Hint 2

Use the attr() method to add attributes.

---

Solutions

Solution 1 (Click to Show/Hide)

Add the following line of code to the end of your rect methods chain:

.attr("class","bar");