Target Card with SVGs

I was playing around again with SVGs and the order of the SVGs certainly matter. I practiced setting the order up correctly by making a target chart.

The idea for this was to make 4 sections on a x,y axis and have them represent 4 quarters. With several style circles, it was relatively straightforward to make the rings of the chart.

The last part was figuring out where to put each quarters performance. I came up with 4 outcomes and conditionally placed small circles where the outcomes were listed.

Link to the gist:

target_card.txt (github.com)