JSFiddle - React, Tailwind, and code Playground

by Kai

HTML

<div id="streams"></div>

JavaScript

var endpoint = 'http://api.justin.tv/api/stream/list.json?category=gaming&jsonp=?',
    streams = null;

function processStreams (streams) {
    var i = 0,
        len = streams.length,
        unique_streams = {},
        meta_game = null;
    for (; i < len; i++) {
        meta_game = streams[i].meta_game;
        
        ( (unique_streams.hasOwnProperty(meta_game)) ? 
            unique_streams[meta_game] += 1 :
            unique_streams[meta_game] = 1 )
    }
    
    for (var k in unique_streams) {
        if (unique_streams.hasOwnProperty(k)) {
            $('#streams').append('<p>' + k + ': ' + unique_streams[k] + '</p>');
        }
    }
}

$.getJSON(endpoint, function (response) {
    streams = response;
    processStreams(streams);
});