Javascript 将键值解析为加权气泡输出

我想用D3.js或类似的东西在bubble中显示键/值对（社会关系数据计数）。 下面是我从REST客户端获得的输出：

{"data":{"sister":3,"General":130,"mother":3,"guest":1,"brother":10,"general":1,"father":4},"messages":[]}

下面是相同的Jquery代码。我在下面的代码中得到'arr'中的键和'values'中的值。所有我需要输出的数据在视觉形式作为气泡根据重量，例如，“一般”计数是130，所以它应该有最大的气泡。像那样

    $(document).on("click", "#socialGraph", function(){
        var id="4501905311187190264";

$.ajax({
        url: "/getSocialGraph/"+id,
        type: "GET",
        contentType: "application/json",
        dataType: "json",
        success: function(data){

            var arr=Object.keys(data.data);
            var value=[];
            for(var i in arr){
                value.push(data.data[arr[i]]);
            }

---

这将有助于如果我是你，我会去只是画布或css。