D3.js를 사용하는 극좌표

Question

D3 Javascript libraries을 사용하여 극좌표를 생성하는 좋은 예를 아는 사람이 있습니까?

나는 어떤 this 및 this 같은 플롯 장미 본 적이 있지만 정말 matlab에 극성 플롯 더 유사 뭔가를 찾고 있어요 :

모든 예는 크게 감상 할 수있다. 감사!

Answer 1

물론, 여기 당신은 간다 :

기능은 d3.svg.line.radial를 사용하여 그려집니다. 배경 방사형 그리드는 선, 원 및 텍스트 요소로 구현됩니다. 사소한 불편 함은 코드에 라디안 (d3.svg.line.radial)과도 (SVG의 transform attribute)가 모두 필요하다는 점입니다. 회전 된 텍스트 레이블은 SVG로하기 쉽기 때문에 사용했지만 텍스트 레이블을 배치하기 위해 삼각 함수를 사용하지 않는 경우 회전되지 않은 레이블을 사용할 수 있습니다.

라인 각도의 정의에주의 깊게주의하십시오. D3의 방사형 라인과 영역은 12시 방향에서 시계 방향으로 진행하는 반면,이 플롯은 3시 방향에서 시계 반대 방향으로 진행합니다!

Answer 2

Plotly을 사용하면 MATLAB, Python 및 R을 사용하여 양방향 극좌표를 만들 수 있습니다. 결과는 대화 형이며 D3.js로 렌더링됩니다. 몇 가지 MATLAB 예제 (코드 + 인터랙티브 그래프) here을 볼 수 있습니다.

,210

면책 조항 : 나는 Plotly 팀입니다.