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