JSFiddle - React, Tailwind, and code Playground

by Rahul Desai

JavaScript

var data = {
  "data" : [
    {
      "high" : 0,
      "itemId" : 1,
      "alertCount" : 0,
      "color" : 34.800595238095238095238095238095238095,
      "objId" : 1000001,
      "vendorCount" : 38,
      "type" : 1,
      "size" : 0,
      "title" : "AFRICA",
      "nr" : 0,
      "children" : [
        {
          "high" : 0,
          "itemId" : 252,
          "color" : 36.035714285714285714285714285714285714,
          "iso_a2" : "ZA",
          "objId" : 2000252,
          "vendorCount" : 28,
          "type" : 2,
          "size" : 0,
          "title" : "SOUTH AFRICA",
          "nr" : 0,
          "alertCount" : 0,
          "children" : [
            {
              "high" : 0,
              "itemId" : 29311,
              "alertCount" : 0,
              "color" : 13,
              "title" : "Parwerpanex International Inc",
              "objId" : 99029311,
              "type" : 99,
              "vendorCount" : 1,
              "size" : 0,
              "nr" : 0,
              "alertData" : {
                "riskScore" : 13,
                "type" : "Financial Risk",
                "deliveryImpact" : null,
                "score" : 13,
                "deliveryImpactType" : "Product Distribution",
                "impactDetails" : [
                  {
                    "enabled" : 0,
                    "score" : 3,
                    "impactName" : "Direct Revenue Impact"
                  },
                  {
                    "enabled" : 0,
                    "score" : 3,
                    "impactName" : "Regulatory\/Compliance Sensitivity"
                  },
                  {
                    "enabled" : 0,
                    "score" : 3,
                    "impactName" : "Direct Customer Impact"
                  },
                  {
                    "enabled" : 0,
                    "score" : 3,
                    "impactName" : "Spend"
                  },
                  {
                    "enabled" : 0,
   ...