JSFiddle - React, Tailwind, and code Playground

by mrcl

JavaScript

var itunes = {
 "collections": {
  "download": [
   {
    "id": 104913043,
    "title": "SWR2 Wissen",
    "value": 10013526
   },
   {
    "id": 79429165,
    "title": "SWR1 Leute Baden-Württemberg",
    "value": 2345243
   },
   {
    "id": 211561148,
    "title": "SWR2 Impuls - Wissen aktuell",
    "value": 682584
   },
   {
    "id": 212167885,
    "title": "SWR3 Wie war der Tag, Liebling? | SWR3",
    "value": 504737
   },
   {
    "id": 92701267,
    "title": "SWR2 Forum",
    "value": 469956
   },
   {
    "id": 732080100,
    "title": "SWR2 Hörspiel",
    "value": 460876
   },
   {
    "id": 80302819,
    "title": "SWR3 Die größten Hits und ihre Geschichte | SWR3",
    "value": 451246
   },
   {
    "id": 268931350,
    "title": "SWR2 Lesenswert",
    "value": 314835
   },
   {
    "id": 92701255,
    "title": "SWR2 Zeitwort",
    "value": 257151
   },
   {
    "id": 273371309,
    "title": "SWR2 Musikstück der Woche",
    "value": 249399
   }
  ]
 },
 "courses": {
  "download": []
 },
 "dates": {
  "Apr 01, 2019": [
   {
    "1": "0",
    "4": "52800",
    "5": "8014",
    "6": "6856",
    "9": "0",
    "10": "992",
    "1001": "0",
    "1004": "0",
    "1005": "0",
    "1006": "0",
    "1009": "0",
    "1010": "0",
    "10000": "0"
   }
  ],
  "Apr 02, 2019": [
   {
    "1": "0",
    "4": "54158",
    "5": "8184",
    "6": "252",
    "9": "0",
    "10": "974",
    "1001": "0",
    "1004": "0",
    "1005": "0",
    "1006": "0",
    "1009": "0",
    "1010": "0",
    "10000": "0"
   }
  ],
  "Apr 03, 2019": [
   {
    "1": "0",
    "4": "53938",
    "5": "8413",
    "6": "2507",
    "9": "0",
    "10": "1044",
    "1001": "0",
    "1004": "0",
    "1005": "0",
    "1006": "0",
    "1009": "0",
    "1010": "0",
    "10000": "0"
   }
  ],
  "Apr 04, 2019": [
   {
    "1": "0",
    "4": "63246",
    "5": "9167",
    "6": "8748",
    "9": "0",
    "10": "1058",
    "1001": "0",
    "1004": "0",
    "1005": "0",
   ...