---
id: 587d7faa367417b2b2512bd4
title: Add a Hover Effect to a D3 Element
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
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
```