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

Question

我想使用D3.js或类似的东西显示泡泡中的键/值对（社交关系数据计数）。 这是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]]);
            }