(function() {

    var cv = d3wb.config()
        .attr("bgColor", "black")
        .data("data.csv")
        .toCanvas()

    d3.csv(cv.data, function(error, data) {
        data.forEach(function(d) {
            d.value = +d.value;
            d.link = "https://twitter.com/search?q=%23" + d.id
        });

        var chart = wbPackedBubbles()
            .width(cv.wid)
            .height(cv.hei)
            .fillRange(["steelblue", "steelblue"])
            .colorRange(["black", "black"])
            .fadeOpacity([0.1, 1.0])
        cv.datum(data).call(chart)

        var tt = wbCooltip().selector(function(d) {
            return d.data.id + "\n" + d.data.value + " tweets";
        })
        cv.selectAll(".circles").call(tt)
        cv.selectAll(".texts").call(tt)
    })

})()