在d3.js中，使用svg.node()的目的是什么？

Question

我试图理解我得到的代码。我想我有点经历了细节。但是，还是有一些我真的无法理解。

我无法理解的事情是

1) svg.node()

2) bisect/ bisector 部分

3) for (let i = 0; i < n; ++i) { if (i % 1 ==0 || 1 ) 产生 svg.node();

1) svg.node()

在生成器 'gen()' 中，它产生 svg.node()。它实际上是在我的 svg 上绘制东西（我检查了它只是取消注释该行）

什么是 svg.node() 以及为什么我需要使用该参数来绘制一些东西？因为，通常，当我想画一些东西时，我只需要 d3.select('svg').append('###').... 然后我可以在我的 'svg' 上画一些东西，但是，在这个生成器，它使用 'svg.node()' 来绘制一些东西。我想知道为什么以及什么是 'svg.node()

2）二等分/平分线/拼接

我不明白代码使用二等分、二等分线和拼接来放置球的逻辑。我知道 bisect 正在吐出新实体将进入数组的索引号。（基于升序）拼接正在替换或插入数组中的实体。但是，我不明白代码如何实现所需的落球安排。

3) for (let i = 0; i < n; ++i) { if (i % 1 ==0 || 1 ) 产生 svg.node();

我通过将 1==0 更改为 2==0 和 10==0 来玩这个数字。似乎该等式定义了每次掉落的球数。为什么？

我知道我问了太多问题，我愿意通过一一发布许多问题来多次提问。但如果有人能回答，将不胜感激。

先感谢您。

Answer 1

如果您使用console.log(svg.node())，您可以在控制台中找到一个包含svg 的全部元素节点的对象。return svg.node() 通常用于显示或更新 svg 图。

Answer 2

svg.node() 返回 svg 值。但是，我不知道为什么它通过提出论点来吸引一些东西。