I'm trying to create a 'half donut' chart in React Native, using only CSS. The chart below is what I'm trying to recreate, but the segments are proving difficult.
Using this code:
customChart: {
width: 200,
height: 100,
borderTopLeftRadius: 100,
borderTopRightRadius: 100,
borderWidth: 50,
borderStyle: 'solid',
borderColor: '#eee',
borderBottomWidth: 0,
overflow: 'hidden'
},
I just can't seem to get the segments to work. Any ideas or suggestions will be greatly appreciated.

