在d3.js中为SVG替换设置动画？

Question

我正在使用一组滑块在d3中生成SVG图像。每当滑块改变时，我相应的SVG图像应该改变。

要生成我的SVG，我使用以下代码 -

function build_svg(json_data) {
    d3.select(".col-sm-6").select("svg").remove();
    var svg = d3.select(".col-sm-6").append("svg")
        .attr("width", diameter)
        .attr("height", diameter)
        .attr("class", "bubble");
    d3.json(json_data, function(error, data) {
        // Some logic to populate variable "svg"
    }
}

每当我想要放置一组新的JSON数据时，就会调用函数build_svg。 不幸的是，每次移动滑块时，我都会看到闪烁的图像，并且我没有观察到SVG图像之间的平滑过渡。构建这个动画的最佳方法是什么？