React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="http://fb.me/JSXTransformer-0.12.1.js"></script>
<script src="http://fb.me/react-with-addons-0.12.1.js"></script>
<script src="http://facebook.github.io/react/js/jsfiddle-integration.js"></script>

CSS

.card h2{
    display:none;
}
.expanded h2{
    display: block;
}

JavaScript 1.7

var data = {
    "gameLength": 190,
    "gameMode": "CLASSIC",
    "mapId": 11,
    "bannedChampions": [{
        "pickTurn": 1,
        "championId": 268,
        "teamId": 100
    }, {
        "pickTurn": 2,
        "championId": 53,
        "teamId": 200
    }, {
        "pickTurn": 3,
        "championId": 39,
        "teamId": 100
    }, {
        "pickTurn": 4,
        "championId": 412,
        "teamId": 200
    }, {
        "pickTurn": 5,
        "championId": 127,
        "teamId": 100
    }, {
        "pickTurn": 6,
        "championId": 25,
        "teamId": 200
    }],
    "gameType": "MATCHED_GAME",
    "gameId": 1718754480,
    "observers": {
        "encryptionKey": "8HjW74tn0r6/gVHekeNMvoO04dpSGoaz"
    },
    "gameQueueConfigId": 4,
    "gameStartTime": 1422984841060,
    "participants": [{
        "masteries": [{
            "rank": 4,
            "masteryId": 4112
        }, {
            "rank": 1,
            "masteryId": 4114
        }, {
            "rank": 3,
            "masteryId": 4122
        }, {
            "rank": 1,
            "masteryId": 4124
        }, {
            "rank": 1,
            "masteryId": 4131
        }, {
            "rank": 1,
            "masteryId": 4132
        }, {
            "rank": 3,
            "masteryId": 4134
        }, {
            "rank": 1,
            "masteryId": 4141
        }, {
            "rank": 1,
            "masteryId": 4142
        }, {
            "rank": 1,
            "masteryId": 4144
        }, {
            "rank": 1,
            "masteryId": 4151
        }, {
            "rank": 2,
            "masteryId": 4152
        }, {
            "rank": 1,
            "masteryId": 4162
        }, {
            "rank": 2,
            "masteryId": 4211
        }, {
            "rank": 2,
            "masteryId": 4212
        }, {
            "rank": 1,
            "masteryId": 4221
        }, {
            "rank": 3,
            "masteryId": 4222
        }, {
            "rank": 1,
         ...