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