17、D3力布局的高级应用与实践

D3力布局的高级应用与实践

1. 生成动量

在之前的操作中，我们接触到了力布局节点对象及其 {x, y} 属性，这些属性决定了节点在布局中的位置。现在，我们将探讨物理运动模拟的另一个有趣方面：动量。D3力布局内置了对动量模拟的支持，它依赖于节点对象上的 {px, py} 属性。

操作步骤 ：
1. 打开网页：在浏览器中打开 https://github.com/NickQiZhu/d3-cookbook/blob/master/src/chapter11/momentum-and-friction.html 。
2. 代码实现：

<script type="text/javascript">
    var force = d3.layout.force()
            .gravity(0)
            .charge(0)
            .friction(0.95);
    var svg = d3.select("body").append("svg:svg");
    force.on("tick", function () {
        // omitted, same as previous recipe
       ...
    });
    var previousPoint;
    svg.on("mousemove", function () {
        var point