Skip to content

Latest commit

 

History

History
12 lines (9 loc) · 826 Bytes

File metadata and controls

12 lines (9 loc) · 826 Bytes

Create a Scatterplot with SVG Circles

link solution
A scatter plot is another type of visualization. It usually uses circles to map data points, which have two values each. These values tie to the x and y axes, and are used to position the circle in the visualization.

SVG has a circle tag to create the circle shape. It works a lot like the rect elements you used for the bar chart. Use the data(), enter(), and append() methods to bind dataset to new circle elements that are appended to the SVG.

Note: The circles won't be visible because we haven't set their attributes yet. We'll do that in the next challenge.

Tests

Waiting: Your code should have 10 circle elements.