Understanding SVG Path element

Question

I am reading and learning about SVG paths here: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths

I don't get the point with the path in the following code:

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">

  <path d="M10 10"/>

  <!-- Points -->
  <circle cx="10" cy="10" r="2" fill="red"/>

</svg>

Even when i remove the path element, I can't see any changes in the circle position or whatsoever. Can some one explain what is path doing in this example?

Answer 1

It's not doing anything. As this post says, the M just means "move to 10, 10". There are no other commands, so it's not doing anything.

Looking at the page, it seems they're setting up the demo for future examples.