JSFiddle - React, Tailwind, and code Playground

by harsh dand

JavaScript

var json = {
  "summonerId": 22421317,
  "modifyDate": 1414692614000,
  "champions": [
    {
      "id": 110,
      "stats": {
        "totalSessionsPlayed": 5,
        "totalSessionsLost": 5,
        "totalSessionsWon": 0,
        "totalChampionKills": 32,
        "totalDamageDealt": 725106,
        "totalDamageTaken": 113405,
        "mostChampionKillsPerSession": 13,
        "totalMinionKills": 937,
        "totalDoubleKills": 3,
        "totalTripleKills": 0,
        "totalQuadraKills": 0,
        "totalPentaKills": 0,
        "totalUnrealKills": 0,
        "totalDeathsPerSession": 52,
        "totalGoldEarned": 62141,
        "mostSpellsCast": 0,
        "totalTurretsKilled": 6,
        "totalPhysicalDamageDealt": 613669,
        "totalMagicDamageDealt": 105253,
        "totalFirstBlood": 0,
        "totalAssists": 55,
        "maxChampionsKilled": 13,
        "maxNumDeaths": 14
      }
    },
    {
      "id": 19,
      "stats": {
        "totalSessionsPlayed": 18,
        "totalSessionsLost": 9,
        "totalSessionsWon": 9,
        "totalChampionKills": 94,
        "totalDamageDealt": 1864380,
        "totalDamageTaken": 764921,
        "mostChampionKillsPerSession": 12,
        "totalMinionKills": 923,
        "totalDoubleKills": 3,
        "totalTripleKills": 0,
        "totalQuadraKills": 0,
        "totalPentaKills": 0,
        "totalUnrealKills": 0,
        "totalDeathsPerSession": 154,
        "totalGoldEarned": 212650,
        "mostSpellsCast": 0,
        "totalTurretsKilled": 14,
        "totalPhysicalDamageDealt": 932921,
        "totalMagicDamageDealt": 565418,
        "totalFirstBlood": 0,
        "totalAssists": 241,
        "maxChampionsKilled": 12,
        "maxNumDeaths": 12
      }
    },
    {
      "id": 89,
      "stats": {
        "totalSessionsPlayed": 41,
        "totalSessionsLost": 15,
        "totalSessionsWon": 26,
        "totalChampionKills": 162,
        "totalDamageDealt": 1655899,
        "totalDamageTaken": 1322562,
       ...