---
id: 587d7faa367417b2b2512bd4
title: Add a Hover Effect to a D3 Element
challengeType: 6
videoUrl: ''
localeTitle: Добавить эффект наведения на элемент D3
---
## Description
Можно добавлять эффекты, выделяющие панель, когда пользователь наводил на нее курсор мыши. Пока что стиль для прямоугольников применяется со встроенными методами D3 и SVG, но вы также можете использовать CSS. Вы устанавливаете класс CSS в элементах SVG с помощью метода attr() . Затем псевдокласс класса :hover для вашего нового класса содержит правила стиля для любых эффектов зависания.
## Instructions
Используйте метод attr() чтобы добавить класс bar ко всем элементам rect . Это изменит цвет fill на коричневый, если вы нажмете на него.
## Tests
```yml
tests:
- text: Ваши rect элементы должны иметь класс bar .
testString: 'assert($("rect").attr("class") == "bar", "Your rect elements should have a class of bar.");'
```
## Challenge Seed
## Solution
```js
// solution required
```