ちょっと簡単な質問です... d3.svg.line ジェネレーターをうまく使用してきましたが、ライン全体の個々のセグメントをより細かく制御できるようにする必要があります。たとえば、各セグメントを異なる色にする必要がある場合があります。または、各セグメントに異なる厚さが必要な場合もあります (隣接するセグメントの厚さに応じて、テーパーアウトまたはテーパーイン)。
これを達成するための最良のツールは何だろうと思っています。とか考えてます。または、d3.svg.line を引き続き使用して、各セグメントを独自の行にすることもできます。
この種の豊富な線のレンダリングに関する他の人の経験を探しています...
D3には現在このための機能はありませんが、Protovisからセグメント化された回線を移植するためのオープン機能要求があります。Protovisの実装は、隣接する線分のマイター結合を計算する必要があるため少し複雑ですが、間違いなく実行可能です。SVG 2.0には、ストロークパスのアウトラインを取得する機能が含まれている場合があります。これにより、純粋なJavaScriptでこれを実装する必要がなくなります。
それまでの間、SVGの線分要素または単純な2要素のd3.svg.lineを使用して、独自の線分を作成できます。デフォルトのstroke-linecapプロパティは、異なる角度の隣接する線の間にギャップを残します。stroke-linecap: round;それらをオーバーラップさせたい場合に使用できます。