--- id: 587d7fab367417b2b2512bd7 title: Створити точкову діаграму з колами SVG challengeType: 6 forumTopicId: 301484 dashedName: create-a-scatterplot-with-svg-circles --- # --description-- Точковий графік — це інший вид візуалізації. Він зазвичай використовує кола, щоб нанести точки даних, які мають по два значення. Ці значення прив'язують до осей `x` та `y`, і використовуються, щоб розмістити коло у візуалізації. SVG має теґ `circle` для створення форми кола. Він працює так само, як елементи `rect`, які ви використовували для стовпчикової діаграми. # --instructions-- Використовуйте методи `data()`, `enter()` та `append()`, щоб прив'язати `dataset` до нового елемента `circle`, що є доданими до полотен SVG. **Примітка:** Кола будуть невидимими, так як ви ще не маєте набору їх атрибутів. Ми зробимо це у наступному завданні. # --hints-- Ваш код повинен мати 10 елементів `circle`. ```js assert($('circle').length == 10); ``` # --seed-- ## --seed-contents-- ```html ``` # --solutions-- ```html ```