Two <g> elements with the same id = "legend"

freeCodeCamp Support
1

Hi! I’ve noticed that the two elements have the same id. This is not a big deal but I think it would be better to change it somehow.
Could you check, please?
Should I add an issue here https://github.com/FreeCodeCamp/freecodecamp/issues?

Description:
In the example for https://www.freecodecamp.org/learn/data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph two elements have the same id = “legend”.

Steps:

  1. Go to CodePen:
    https://codepen.io/freeCodeCamp/full/bgpXyK
  2. Open Dev Tools and inspect “legend” element.

Actual Result: There are two elements with the same id = “legend”.

same-ids
same-ids1192×468 73.9 KB

Test for the User Story #13: I can see a legend containing descriptive text that has id="legend" is passing ok.

Expected Result: “id” should be unique.

2

Submit issues to the FCC cirruculem

Thank you for helping make FCC better. Bugs can be reported as GitHub issues. Whenever reporting a bug, please first check that there isn’t already an issue for it and provide as much detail as possible.

3

Thank you!

4

The issue has been fixed, for more information, please, check the