--- id: 587d7fab367417b2b2512bd7 title: Erstelle ein Streudiagramm mit SVG-Kreisen challengeType: 6 forumTopicId: 301484 dashedName: create-a-scatterplot-with-svg-circles --- # --description-- Ein Streudiagramm ist eine andere Art der Visualisierung. Es verwendet in der Regel Kreise, um Datenpunkte zuzuordnen, die jeweils zwei Werte haben. Diese Werte sind an die Achsen `x` und `y` gebunden und werden verwendet, um den Kreis in der Visualisierung zu positionieren. SVG hat ein `circle`-Tag um die Kreisform zu erstellen. Es funktioniert sehr ähnlich wie die `rect`-Elemente, die du für das Balkendiagramm verwendet hast. # --instructions-- Verwende die `data()`-, `enter()`- und `append()`-Methoden, um `dataset` an neue `circle`-Elemente zu binden, die der SVG hinzugefügt werden. **Hinweis:** Die Kreise werden nicht sichtbar sein, weil wir ihre Attribute noch nicht gesetzt haben. Wir werden das bei der nächsten Aufgabe machen. # --hints-- Dein Code sollte 10 `circle`-Elemente enthalten. ```js assert($('circle').length == 10); ``` # --seed-- ## --seed-contents-- ```html ``` # --solutions-- ```html ```