使用D3.js 3维（X，Y和Z）的曲线图 [英] 3 dimension (X, Y and Z) graph using D3.js
问题描述
我正在寻找在 D3.js 里面有一个图 3个维度（X，Y和Z）。请让我知道，如果有任何的数据可视化网站我在哪里可以找到这样的图形或那里，如果我错过了这是一个在 d3js.org 出不知。
I am searching for a graph which has 3 dimensions (X, Y and Z) on D3.js. Please let me know if there are any data visualization site where I can find such graph or there is one on d3js.org if I have missed it out somehow.
推荐答案
三维散点图由VividD和Lars Kotthoff挂钩可能是你问的就是最好的例子，但我会是相反的，并建议也许你是问错了问题。
The 3D scatterplot linked to by VividD and Lars Kotthoff is probably the best example of what you're asking for, but I'm going to be contrary and suggest that maybe you're asking the wrong question.
试图模拟3的空间的平面上的尺寸将总是不完美并使得难以读出的数据。然而，这是很容易绘制了三种不同的数据的尺寸D3。使用水平和垂直布局两个数据变量，然后大小，形状，颜色或阴影关于第三个变量
Trying to simulate three spatial dimensions on a flat screen will always be imperfect and make it difficult to read the data. However, it is very easy to graph three different data dimensions in D3. You use the horizontal and vertical layouts for two of your data variables, and then size, shape, color or shading for your third variable.
如果这三个数据变量都是连续数psented最好再$ P $，那么你最好的办法是用泡沫散点图，你的三种显示尺寸是水平位置，垂直位置，以及气泡大小。
If all three of your data variables are best represented by continuous numbers, then your best approach is to use a bubble-scatterplot, where your three display dimensions are horizontal positions, vertical position, and bubble size.
下面是一个例子，还使用了在线互动组件添加通过运动所示的第四维：
Here's an example the also uses the online interactive component to add a fourth dimension shown via motion:
您说，您的三个维度的客户 产品和内容。我不知道什么样的价值内容是（数字或类别），但我pretty的确保客户和产品的类别。
You said that your three dimensions are Customer, Product and content. I don't know what kind of value "content" is (number or category), but I'm pretty sure that "customer" and "product" are categories.
在此处，两个分类维度用于布局表的一个例子，则表的每个单元包含大小由第三，数值大小的圆。如果你的第三个变量是一类，你可以使用一个图形来表示其内容类型（如果有的话）去与客户和产品的每一个配对：
泡泡矩阵 - 点击查看原
Here's an example where two categorical dimensions are used to lay out a table, then each cell of the table contains a circle sized by the third, numerical dimension. If your third variable is a category, you could use a shape to indicate which "content" type (if any) goes with each pairing of "customer" and "product":
Bubble Matrix -- click for original
下面是另外一个，其中第三维示以颜色而不是按大小。颜色重新present一个连续变量，但你可以很容易地选择了一套高对比度的颜色重新present类别：
彩色矩阵 - 点击查看原
Here's another one, where the third dimension is shown by colour instead of by size. The colours represent a continuous variable, but you could easily choose a set of high-contrast colours to represent categories:
当然，一个普通的老堆积条形图是另一种方式来显示两大类，数值数量：
Of course, a plain-old stacked bar chart is another way to show two categories and a numerical quantity:
和你不必只用三个数据变量。如果两个数据变量或者是类或数字，你不介意分组进行分类，你可以绘制四个变量与小多的方式，在那里你创建一个表重新presenting分类变量，然后重复每个表格单元内的其它两个变量的曲线图。
And you don't have to stop at three data variables. If two of the data variables are either categories or numbers that you don't mind grouping into categories, you can graph four variables with a "small multiple" approach, where you create a table representing the categorical variables and then repeat a graph of the other two variables inside each table cell.
所示：
或者，这（其中本周日的星期，并且是数据的两个维度，和类别/数量是其他两个）：
饼图小倍数 - 点击查看原
Or this (where week and day-of-week are two dimensions of the data, and category/amount are the other two):
Pie Chart Small Multiples -- click for original
我希望给你很多的想法...... 的
I hope that gave you lots of ideas...
这篇关于使用D3.js 3维（X，Y和Z）的曲线图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
