title: How to draw segmented circle like this with certain requirements
body: <p>I can't just seem to figure it out. I am trying to draw a segmented circle (what looks like circle inside a circle). However I want the segments to have specific colors and to be transparent inside the smaller circle. Preferably , I would like to make the color of the segmented lines  different than the circle</p>
  
  <p><img src="https://i.stack.imgur.com/Daa4L.jpg" alt="enter image description here"></p>
  
  <p>Here are the solutions I had in mind:</p>
  
  <p>1- Draw arc with fill color for the bigger circle and draw a circle for the small circle. 2 problems with this. First one is that the inner circle  area is no longer transparent as it takes the color from the bigger one. Second problem is that the segmentation lines of the outer circle is going all the way to the center (not only to the inner circle perimeter)</p>
  
  <p>2) Draw arcs for the bigger outer circle and draw circle for the inner circle. Set it to be color filled but don't show strokes. Then draw another outer circle on top with no fill just to show strokes. And then draw lines between the inner and outer circle using the calculations ( angle and radius) to determine where the lines are... Very convoluted solution, there has to be another way. Even with this solution,  still have problem with the color showing in the center but maybe playing with gradient can help.</p>
  
  <p>I read so much on SO but I couldn't figure the right answer as many answers would remove the control of circle parameters</p>
  
  <p>HEELP!!!</p>