Polar Chart Sandbox

Something catchy here

I will try to describe the iterations of chart development as my knowledge and the code complexity evolves. Going through tutorials is a crawl-walk-run, building-block process. Effective, but frustrating to document whilst implementing multiple and sometimes redundant techniques.



Simple polar chart data

A simple table of values, with polar coordinates (r, θ) in the first two columns, and their corresponding Cartesian coordinates (x, y) in columns three and four. The chart is an image of the Cartesian plot in MS Excel.

Length r Angle θ x y
10 0 0 10
9.25 30 4.63 8.01
7.5 60 6.5 3.75
6 90 6 0
5 120 4.33 -2.5
4.25 150 2.13 -3.68
4 180 0 -4.0
4.25 150 2.13 -3.68
5 120 4.33 -2.5
6 90 6 0
7.5 60 6.5 3.75
9.25 30 4.63 8.01
10 0 0 10


Your browser does not support the HTML canvas tag.

Image to use:

Polar diagram background

Canvas to fill:

Your browser does not support the HTML canvas tag.

Sorry, your browser does not support inline SVG.