D3.jsをレスポンシブ対応させる（SVG自体を拡大縮小する）

備忘録的に。
svg内の各要素すべてを書き換える方法もあるが ここではsvg全体を丸ごと拡大縮小するやり方。

まずは htmlでsvgを記述。 id,width,heigthを設定する。

<svg id="field" width="500" height="300"
 viewBox="0 0 500 300"
 preserveAspectRatio="xMidYMid meet">
</svg>