JUGEMテーマ:JavaScript 前回は D3.js を使って、プルダウンメニューで選択した数値によって変化するリサージュ曲線 (Lissajous curve) を描画しました。リサージュ曲線と同じように sin, cos を使った曲線として、バラ曲線 (Rose curve) があります。そこで今回は、このバラ曲線 (別名「正葉曲線」とも呼ばれます) を描画するプログラムを作成してみました。 バラ曲線は、局座標表示で下式によって現される曲線です。 r = sin((a/b)θ) とてもシンプルな方程式ですが、変数 a, b を変化させることで、驚くほど多様な変化を見せてくれます。 前回リサージュ曲線を描画したときの html ファイルはそのまま流用して、JavaScript プログラムだけを下記のように変更します。変数 a, b を変化させて、ぜひバラ曲線が変化する様子を楽しんで
![【D3.js】 バラ曲線 (Rose curve) を描画する | Agata's Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/29058e622c68fb3da1219e5af6effa3fef050de9/height=288;version=1;width=512/http%3A%2F%2Fimg-cdn.jg.jugem.jp%2F116%2F3291033%2F20160327_1605549_t.jpg)