To draw an arc around a single point the format of the SVG code is
A rx ry 1? 2? 3? x y
where
rx,ry is the centerpoint of the arc
1? is the x-axis-rotation
2? is the large-arc-flag
3? is the sweep flag
x,y is the point the arc is drawn to
The four images below represent the same code with the sweep flag changed between 1 and 0. Conceptually, the 1 means clockwise and the 0 means counter-clockwise. The various combinations of the sweep flag produces the following images:
<g stroke="none" fill="lime">
<path d="
M 100 300
A 100 100 0 0 1 300 300
L 250 300
A 50 50 0 0 0 150 300
L 100 300
Z"/>
</g>
...
A 100 100 0 0 0 300 300
...
A 50 50 0 0 0 150 300
...
...
A 100 100 0 0 0 300 300
...
A 50 50 0 0 1 150 300
...
...
A 100 100 0 0 1 300 300
...
A 50 50 0 0 1 150 300
...
