Javascript d3.js-缩放气泡图应用程序

我有一个bubble force图表应用程序，我已经创建了它的各种实例。但是，我似乎无法根据svg的高度/宽度缩放气泡

我在高度/宽度上放置了一个反转来改变视口-但我觉得这不是正确的方法。有没有人有过如何纠正这种情况的经验

                    var inverseHeight = 1/h * 100000;
                    var inverseWidth = 1/w * 100000;


                    var svg = d3.select(selector)
                        .append("svg")
                            .attr("class", "bubblechart")
                            .attr("width", parseInt(w + padding,10))
                            .attr("height", parseInt(h + padding,10))
                            .attr('viewBox', "0 0 "+parseInt(inverseWidth,10)+" "+parseInt(inverseHeight,10))
                            .attr('perserveAspectRatio', "xMinYMid")
                        .append("g")
                            .attr("transform", "translate(" + (w/4) + "," + (h/4) + ")");

---

我试着去缩放实际的气泡

---

它产生了一个理想的效果——但图表并不总是中心

有人有什么见解吗？如果有人有这方面的经验，这将是非常有用的。关于这方面的任何建议-正确配置球体的比例，并对其位置有更多的控制？

var scale = methods.width*.005;