freeCodeCamp Challenge Guide: Create a Scatterplot with SVG Circles

Guide
1

Create a Scatterplot with SVG Circles

Hints

Hint 1

Use the data(), enter(), and append() methods.

Hint 2

Append circles in the append() method.

Solutions

Solution 1 (Click to Show/Hide)

Chain the following lines of code in the svg.selectAll("circle") chain:

  .data(dataset)
  .enter()
  .append("circle")

The svg.selectAll("circle") chain should look like:

  svg.selectAll("circle")
  .data(dataset)
  .enter()
  .append("circle")

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

9 Likes