JSFiddle - React, Tailwind, and code Playground

JavaScript

var myObject = [    
{
"colorArray":[ "#139305", "#FF0000", "#139305", "#FF0000", "#FF9B00", "#FF0000", "#16A085", "#FF0000", "#FF9B00", "#FF0000"],

"segmentValuesArray" : [
  {"id":"01", "probability":10, "type": "string", "value": "$10^Coupon", "win": true, "resultText": "You won a $10 Coupon", "userData": {"score":0}},
  
  {"id":"02", "probability":30, "type": "string", "value": "Lose", "win": false, "resultText": "Thank you for Playing", "userData": {"score":0}},
  
  {"id":"03", "probability":5, "type": "string", "value": "$25^Coupon", "win": true, "resultText": "You won a $25 Coupon", "userData": {"score":0}},
  
  {"id":"04", "probability":30, "type": "string", "value": "Lose", "win": false, "resultText": "Thank you for Playing", "userData": {"score":0}},
  
  {"id":"05", "probability":2, "type": "string", "value": "Free Spin", "win": true, "resultText": "You Won a Free Spin", "userData": {"score":0}},
  
  {"id":"06", "probability":30, "type": "string", "value": "Lose", "win": false, "resultText": "Thank you for Playing", "userData": {"score":0}},
  
  {"id":"07", "probability":3, "type": "string", "value": "SWAG", "win": true, "resultText": "You won SWAG", "userData": {"score":0}},
  
  {"id":"08", "probability":30, "type": "string", "value": "Lose", "win": false, "resultText": "Thank you for Playing", "userData": {"score":0}},
  
  {"id":"09", "probability":1, "type": "string", "value": "GOOGLE^Home", "win": true, "resultText": "You won a Google Home", "userData": {"score":0}}
],

  "randSegs": 2,
  "svgWidth": 1024,
  "svgHeight": 768,
  "wheelStrokeColor": "#999",
  "wheelStrokeWidth": 10,
  "wheelSize": 700,
  "wheelTextOffsetY": 80,
  "wheelTextColor": "#EDEDED",  
  "wheelTextSize": "2.3em",
  "wheelImageOffsetY": 40,
  "wheelImageSize": 50,
  "centerCircleSize": 360,
  "centerCircleStrokeColor": "#999",
  "centerCircleStrokeWidth": 8,
  "centerCircleFillColor": "#EDEDED",
  "segmentStrokeColor": "#E2E2E2",
  "segmentStrokeWidth": 4,
  "centerX":...