main.js

tweetstream = Session.get('tweets')
            var data = [];
            var map = new Datamap({
                element: document.getElementById('mapContainer'),
                responsive: true,
                fills: {
                    RED: '#E84343',
                    defaultFill: '#CFCFCF'
                },
                done: function(datamap) {
                    datamap.svg.call(d3.behavior.zoom().on('zoom', redraw));

                    function redraw() {
                        datamap.svg.selectAll('g').attr('transform', 'translate(' + d3.event.translate + ')scale(' + d3.event.scale + ')');
                    }
                }
            });
            window.addEventListener('resize', function() {
                map.resize();
            });
            // Get JSON of tweets
            for (var a = 0; a < tweetstream.length; a++) {
                // Necessary bubble data
                console.log(tweetstream[a])
                tweetstream[a].radius = tweetstream[a].risk_level / 10;
                tweetstream[a].latitude = tweetstream[a].location.coordinates[1];
                tweetstream[a].longitude = tweetstream[a].location.coordinates[0];
                var rgbGreenBlue = -2 * tweetstream[a].risk_level + 200;
                tweetstream[a].fillKey = 'RED';
                tweetstream[a].borderWidth = 0;
            }
            console.log(tweetstream)
            map.bubbles(tweetstream, {
                popupTemplate: function(geo, data) {
                    return '<div class="hoverinfo">Yield:' + data.name + 'Exploded on ' + data.date + 'by the ' + data.risk_level + '</div>'
                }
            });