Circular Arc Segments: 2 Points plus Radius

This example draws aSVG circular arc segment, given 2 points and the radius. Note: The radius must be greater than 1/2 the line's length. The direction of the arc can be flipped by reversing the points.
Radius:  Start X:  Start Y:  End X:  End Y:  End Arrow:
  Center X:  Center Y:  

SVG Source:
Javascript: