2013-01-18 30 views
5

D3 Javascript librariesを使用して極座標プロットを作成する良い例は誰にも分かりますか?D3.jsを使用する極プロット

は、私はいくつかのthisthisのようなプロットをバラ見てきましたが、私は本当にMatlabの極座標に、より似たような探しています:

Matlab Polar Plot

どれ例がいただければ幸いです。ありがとう!

答えて

16

確かに、ここに行く:

polar plot

機能はd3.svg.line.radialを使用してプロットされています。背景放射状グリッドは、線、円、およびテキスト要素として実装されています。 1つの小さな問題は、コードにラジアン(d3.svg.line.radial)と度数(SVGのtransform attribute)の両方が必要であることです。私は回転したテキストラベルをSVGでやっていたので使いましたが、テキストラベルを配置するのに少し三角法を気にしなければ回転していないラベルを使うことができました。

ラインの角度の定義に注意してください:D3の放射状の線と領域は12時から時計回りに進みますが、このプロットは3時から開始して反時計回りに進みます。

+0

マイクさん、ありがとう! – chriswynnyk

2

Plotly MATLAB、Python、およびRを使用して対話型極座標チャートを作成できます。結果はインタラクティブでD3.jsで表示されます。いくつかのMATLABの例(コード+インタラクティブグラフ)hereを見ることができます。


enter image description here


enter image description here




enter image description here




免責事項:私はPlotlyチームによ。

関連する問題