D3.jsでベジェ曲線を描く - アインシュタインの電話番号

d3.svg.lineやd3.svg.areaの関数を使った以下のような普通の折れ線グラフで、その線をベジェ曲線でカーブさせたい場合について調べたのでメモ。 # D3.js 3.4.6 class Eg20140430a extends D3Eg line: (xScale, yScale) -> d3.svg.line().x((d) -> xScale(d)).y((d) -> yScale(d)) render: => xScale = _xScale(@width, _data) yScale = _yScale(@height, _data) line = @line(xScale, yScale) _renderLine(@getBaseSelection(), _data, line) _renderDots(@getBaseSelection(), _data, xScal