D3.js でリサージュ曲線 (Lissajous curve) を描画する

D3.js を使って、リサージュ曲線 (Lissajous curve) を可視化してみました。リサージュ曲線とは、x = cos(at), y = sin(bt)t を変化させたときに x-y 平面上に描かれる (x, y) の軌跡です。下記のプルダウンメニューから、a, b それぞれの値を選択すると、それに従ってリサージュ曲線が更新されます。本ページのJavaScriptプログラムの解説は Agata's Blog を参照して下さい。

a = , b =