---
id: 587d7fab367417b2b2512bd7
title: Create a Scatterplot with SVG Circles
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
challengeType: 6
---
## Description
A scatter plot is another type of visualization. It usually uses circles to map data points, which have two values each. These values tie to the x
and y
axes, and are used to position the circle in the visualization.
SVG has a circle
tag to create the circle shape. It works a lot like the rect
elements you used for the bar chart.
## Instructions
Use the data()
, enter()
, and append()
methods to bind dataset
to new circle
elements that are appended to the SVG canvas.
Note
The circles won't be visible because we haven't set their attributes yet. We'll do that in the next challenge.
## Tests
```yml
tests:
- text: Your code should have 10 circle
elements.
testString: assert($('circle').length == 10, 'Your code should have 10 circle
elements.');
```
## Challenge Seed
## Solution
```js
// solution required
```