---
id: 587d7fab367417b2b2512bd7
title: Create a Scatterplot with SVG Circles
challengeType: 6
forumTopicId: 301484
localeTitle: Создайте Scatterplot с кругами SVG
---
## Description
График рассеяния - это еще один вид визуализации. Он обычно использует круги для сопоставления точек данных, каждая из которых имеет по два значения. Эти значения привязываются к осям x
и y
и используются для позиционирования круга при визуализации. SVG имеет circle
тег для создания формы круга. Он очень похож на элементы rect
которые вы использовали для гистограммы.
## Instructions
Используйте методы data()
, enter()
и append()
для привязки dataset
к новым элементам circle
, которые добавляются к холсту SVG. Заметка
Круги не будут видны, потому что мы еще не установили их атрибуты. Мы сделаем это в следующей задаче.
## Tests
```yml
tests:
- text: Your code should have 10 circle
elements.
testString: assert($('circle').length == 10);
```
## Challenge Seed
## Solution
```html
// solution required
```