---
id: 587d7fab367417b2b2512bd7
title: Create a Scatterplot with SVG Circles
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
```