Javascript 使用d3.js创建类似矩阵的HTML表

我想创建一个没有数值的类似矩阵的表。 1.我有一个数据库表：

| CODE |  STIL |  SUBSTIL |  PRODUS |
|------|-------|----------|---------|
|  R   | stil1 | substil1 | produs1 |
|  R   | stil1 | substil2 | produs2 |
|  T   | stil1 | substil3 | produs3 |
|  T+  | stil2 | substil4 | produs4 |
|  G   | stil2 | substil4 | produs5 |
|  R   | stil3 | substil5 | produs6 |
|  R   | stil4 | substil6 | produs7 |

从这个表中，我可以得到一个jsonfile：

风险值数据=[ {code:R，stil:stil1，substil:substil1，produs:produs1}， {code:R，stil:stil1，substil:substil2，produs:produs2}， {code:T，stil:stil1，substil:substil3，produs:produs3}， {code:T+，stil:stil2，substil:substil4，produs:produs4}， {code:G，stil:stil2，substil:substil4，produs:produs5}， {code:R，stil:stil3，substil:substil5，produs:produs6}， {code:R，stil:stil4，substil:substil6，produs:produs7} ];

我想要一个这样的表格作为最终结果：

| CODE |            stil1            |  stil2   |   stil3  |   stil4  |
|      | substil1 | substil2 | substil3  | substil4 | substil5 | substil6 |
|------|----------|----------|-----------|----------|----------|----------|
|  R   | produs1  |          |           |          |          |          |
|  R   |          | produs2  |           |          |          |          |
|  R   |          |          |           | produs6  |          |          |
|  R   |          |          |           |          |          | produs7  |
|  T   |          |          |  produs3  |          |          |          |
|  T+  |          |          |           | produs4  |          |          |
|  G   |          |          |           | produs5  |          |          |

我试过用这个

谢谢您的提示。

请参阅，但请使用提供的JSFIDLE，因为数据结构非常相似

如果您的数据直接来自请求，您可以：

d3.json(url, function(data) {
    code from the jsfiddle making the table goes here
})

---

谢谢，但这只是一张简单的桌子。我想在矩阵或轴心变换一样，但没有计算值没有计数，没有总和，只有纯文本；