Javascript d3.js中3d图表的旋转数学

Javascript d3.js中3d图表的旋转数学,javascript,d3.js,Javascript,D3.js,我尝试在d3中实现3d图表的拖动旋转功能,作为参考,我使用了d3中的以下示例,但没有得到背后的数学知识。 有人能给我解释一下这个例子中旋转的数学吗 正如@coderPi所提到的,你必须旋转并投射每个点。这样想:你的3d点(x,y,z)不能显示在你的屏幕上,因为它只有x和y。要在屏幕上显示该点,必须将其投影出来。一个非常常见的投影是。对于旋转,您应该使用一个(有多种)。如果你不想自己做这些,我创建了一个不错的d3.js 也许你可以在math.se上问这个问题……你基本上必须在每个点上应用3D矩阵旋

我尝试在d3中实现3d图表的拖动旋转功能,作为参考,我使用了d3中的以下示例,但没有得到背后的数学知识。 有人能给我解释一下这个例子中旋转的数学吗


正如@coderPi所提到的,你必须旋转并投射每个点。这样想:你的3d点(x,y,z)不能显示在你的屏幕上,因为它只有x和y。要在屏幕上显示该点,必须将其投影出来。一个非常常见的投影是。对于旋转,您应该使用一个(有多种)。如果你不想自己做这些,我创建了一个不错的d3.js

也许你可以在math.se上问这个问题……你基本上必须在每个点上应用3D矩阵旋转,这取决于在屏幕上x和y方向上拖动了多少。数学不是很容易,但是如果你感兴趣,你可以在互联网上找到很多关于这些3D变换的东西。另外,我不确定在这个例子中是如何做到的,因为我会用不同的方法来做^^@CoderPi我发现的大多数例子都使用了投影(geo),但我的图表完全不同。你能给我举一个例子,让我看看其他的数学用法吗。