---
id: 587d7fab367417b2b2512bd7
title: Create a Scatterplot with SVG Circles
challengeType: 6
videoUrl: ''
localeTitle: Crear un diagrama de dispersión con círculos SVG
---
## 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
```