一見基本的な質問です。私は、SVG パスとして定義され、多かれ少なかれランダムにスケール グリッド上に分散された、楕円、台形、円弧などの (主要部分の閉じた多角形の)塗りつぶされた幾何学的形状を備えた、水平および垂直スケールで構成される d3 グラフを想定しています。
それらの位置は、軸のスケーリングによって簡単にリンク/変更できますが、SVG 要素は通常、静的な (事前定義された) パス定義によって表されるため、それらの寸法は変更されないままです。
さらに、これらのオブジェクトが塗りつぶされているため、パス (行やその他の定義とは対照的に) の定義に代わるものはないようです。
単純に SVG 要素を 2 次 (そして効果的に馬鹿げた) パーセンテージまたはその他のサイズ変更変換でスケーリングできますが、完全に統合されたソリューションで x 軸と y 軸のスケールを使用して SVG 要素の形状を直接スケーリングしたいと考えています。
これは、絶対的な用語ではなく、基本的なスケール間隔 (x および y グリッド) に関して作成されたパス定義を意味します。
問題は、d3 でビルドできるように有効なパス定義を事前に構築する方法です。各軸に 1 つずつ、2 つの個別の選択/変換操作が暗示されています。
確かに有望ではありますが、これはまだ位置カウント (d) ではなくハード ディメンション (dx & dy) に依存しています。他のアプローチに基づいている場合でも、既に準拠している（位置カウントのみ）例を大歓迎します。それまでの間、私は手で例をハックします..