title: How to draw separate circle in XAML?
body: <p>How can I draw a circle like this, 2 colors in 2 parts. I'm coding in xaml</p>
  
  <p><img src="https://i.stack.imgur.com/mb9bV.png" alt="enter image description here"></p>
  
  <pre><code>&lt;Ellipse Fill="White" HorizontalAlignment="Center" VerticalAlignment="Center" Width="300" Height="300"&gt;
  
                      &lt;/Ellipse&gt;
  
                      &lt;Path VerticalAlignment="Top" Fill="Brown" HorizontalAlignment="Left"&gt;
                          &lt;Path.Data&gt;
                              &lt;PathGeometry&gt;
                                  &lt;PathFigure StartPoint="59,150"&gt;
                                      &lt;ArcSegment SweepDirection="Clockwise" Size="141,80" Point="341,150"/&gt;
                                  &lt;/PathFigure&gt;
                              &lt;/PathGeometry&gt;
                          &lt;/Path.Data&gt;
                      &lt;/Path&gt;
  </code></pre>
  
  <p>I try it, and the above Path not full a part 1. Help me try draw it!</p>