D3.js Zoomable Sunburst - 过滤数据会导致错误

Question

我正在建立“更新数据的Zoomable sunburst”，如下所示： http://bl.ocks.org/kerryrodden/477c1bfb081b783f80ad

我创建了一个运行示例的jsFiddle：

http://jsfiddle.net/unklefolk/nyaw6nje/

正如你所看到的，从jsFiddle一切正常。

我想添加过滤功能，以删除太小的项目。但是，一旦我在：

中添加过滤代码

  var nodes = partition.nodes(root)
    .filter(function(d) {
        return (d.dx > 0.005); // 0.001 radians = 0.05 degrees
     })
    ;

...然后点击图表折叠的'尺寸'单选按钮，数百个错误被写入控制台日志：

  

错误：属性的值无效   d =“MNaN，NaNA271.1088342345192,271.1088342345192 0 1,1   NaN，NaNLNaN，NaNA221.35943621178657,221.35943621178657 0 1,0 NaN，NaNZ“

这个修正过的jsFiddle演示了这种行为：

http://jsfiddle.net/unklefolk/by6aaxf0/1/

两个小提琴之间的唯一区别是过滤代码。

如何在浏览器中过滤结果并避免此错误？