---
id: 587d7fab367417b2b2512bd7
title: Create a Scatterplot with SVG Circles
localeTitle: Crear un diagrama de dispersión con círculos SVG
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
challengeType: 6
---
## Description
Un diagrama de dispersión es otro tipo de visualización. Por lo general, utiliza círculos para asignar puntos de datos, que tienen dos valores cada uno. Estos valores se vinculan con los ejes x e y , y se utilizan para colocar el círculo en la visualización.
SVG tiene una etiqueta circle para crear la forma del círculo. Funciona mucho como los elementos rect que rect para el gráfico de barras.
## Instructions
Use los métodos data() , enter() y append() para vincular el dataset de dataset a los nuevos elementos del circle que se agregan al lienzo de SVG.
Nota
Los círculos no serán visibles porque todavía no hemos establecido sus atributos. Lo haremos en el próximo reto.
## Tests
```yml
tests:
- text: Tu código debe tener 10 elementos circle .
testString: 'assert($("circle").length == 10, "Your code should have 10 circle elements.");'
```
## Challenge Seed
## Solution
```js
// solution required
```