---
id: 587d7fab367417b2b2512bd7
title: Create a Scatterplot with SVG Circles
challengeType: 6
forumTopicId: 301484
localeTitle: 使用 SVG Circles 创建散点图
---
## Description
散点图是另一种形式的可视化。它用圆圈来映射数据点，每个数据点有两个值，这两个值和 x 和 y 轴相关联，在可视化中用来给圆圈定位。
SVG 用 circle 标签来创建圆形，它和之前用来构建条形图的 rect 非常相像。
## Instructions
使用 data()、enter()、append() 方法将 dataset 和新添加到 SVG 画布上的 circle 元素绑定起来。
注意
circles 并不可见，因为我们还没有设置它们的属性。我们会在下一个挑战来设置它。
## Tests
```yml
tests:
- text: 你应该有 10 个 circle 元素。
testString: assert($('circle').length == 10);
```
## Challenge Seed
## Solution