---
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
videoUrl: ''
localeTitle: Criar um gráfico de dispersão com círculos SVG
---
## Description
Um gráfico de dispersão é outro tipo de visualização. Geralmente, ele usa círculos para mapear pontos de dados, que possuem dois valores cada. Estes valores amarrar à x e y eixos, e são utilizados para posicionar o círculo na visualização. O SVG tem uma marca circle para criar a forma do círculo. Funciona muito parecido com os elementos rect que você usou para o gráfico de barras.
## Instructions
Use os métodos data() , enter() e append() para vincular o dataset de dataset a novos elementos de circle que são anexados à tela do SVG. Nota
Os círculos não estarão visíveis porque ainda não definimos os atributos deles. Nós vamos fazer isso no próximo desafio.
## Tests
```yml
tests:
- text: Seu código deve ter 10 elementos de circle .
testString: 'assert($("circle").length == 10, "Your code should have 10 circle elements.");'
```
## Challenge Seed
## Solution
```js
// solution required
```