title: Building custom chart on React Native
body: <p><strong>Task at hand:</strong></p>
  <p><a href="https://i.stack.imgur.com/DRu1q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DRu1q.png" alt="enter image description here" /></a></p>
  <p><strong>What I've taken a lot at so far:</strong></p>
  <ol>
  <li>Pie chart from [https://github.com/JesperLekland/react-native-svg-charts-examples][2]</li>
  </ol>
  <p>Here I divided the entire pie into 50 units of 1 value, inorder to get the Split-bar effect. I can pass the color according to the image shown above.
  But how can I add the inner lines(red and green) and the data inside?
  Any help would be appreciated!</p>