在SVG对象上渲染类似风轨迹的路径

Question

我刚刚开始学习D3的绳索。我试图在SVG path元素上渲染一条彩色的渐弱路径 - 类似于https://www.windy.com/上看到的路径。我创建了一个非常简单的SVG元素 -

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="960"
    height="500"
    version="1.1"
    id="svg">    
    <circle cx="200" cy="200" r="5" fill="black"/>
    <path d="M 200,200 L 400,400" id="connection" class="straightPath"/>
    <circle cx="400" cy="400" r="5" fill="black"/>
</svg>

......而我正试图从一个终点开始，然后转到另一个终点。

我发现了这个库 - https://github.com/Esri/wind-js - 可能在上面的网站上使用过。但是，我无法弄清楚它的哪些部分开始使用。

我也尝试使用这个库 - https://github.com/bmschmidt/D3-trail - 对于我想要实现的目标，这可能是一个更轻量级的选择。但是，它的文档不是非常适合初学者。有谁能指出我正确的方向？