使用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。

免责声明：我是Plotly团队的成员。