--- id: 587d7fab367417b2b2512bd7 title: SVG 円で散布図を作成する challengeType: 6 forumTopicId: 301484 dashedName: create-a-scatterplot-with-svg-circles --- # --description-- 散布図もデータ可視化の一種です。通常、円を使用してデータポイントをマッピングし、それぞれの円が 2 つの値を持っています。これらの値は `x` 軸と `y` 軸に結び付いており、視覚化において円の配置に使用されます。 SVG には円形を作成するための `circle` タグがあります。このタグは、棒グラフに使用した `rect` 要素とよく似た働きをします。 # --instructions-- `data()`、`enter()`、`append()` の各メソッドを使用して、`dataset` を、SVG キャンバスに追加される新しい `circle` 要素にバインドしてください。 **注:** まだ属性を設定していないため、円は表示されません。次のチャレンジでそれを行います。 # --hints-- 10 個の `circle` 要素が必要です。 ```js assert($('circle').length == 10); ``` # --seed-- ## --seed-contents-- ```html ``` # --solutions-- ```html ```