Often times using paths in an SVG is preferential to using shapes. This JavaScript-based solution will take data from circles or ellipses and convert them into paths constructed from two arcs. CX: CY: Ellipse Circle RX: RY: R: <path d=”“/> Original calculation for two-arc method found here: http://stackoverflow.com/questions/5737975/circle-drawing-with-svgs-arc-path