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

我正在使用一组滑块在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\u svg

。

---

不幸的是，每次我移动滑块时，我都会看到一个闪烁的图像，并且无法观察到SVG图像之间的平滑过渡。制作此动画的最佳方法是什么？

@RobertLongson这样做有帮助吗？请创建一个理想的堆栈片段。@martianwars请记住，

d3.json

是异步的。根据JSON的大小，回调可能需要几毫秒才能运行。最好的办法是下载之前的所有数据，并将slider函数包装到回调函数中。是的，我的所有数据都是本地的@杰拉尔多夫塔多