Javascript 具有平面数组中的行组的D3 html表

Javascript 具有平面数组中的行组的D3 html表,javascript,html,json,d3.js,html-table,Javascript,Html,Json,D3.js,Html Table,我是D3新手,但它似乎很流行,所以我想我应该玩一下html表和数据,而不是仅仅用jquery做一些动态的事情。如果我进去的话,我甚至可以做一些图表。然而,我只是想知道我是在用最好的还是最有效的方式做事。我在数组(不是json结构)中有查询结果,例如 现在我用一个扁平的html表来处理事情,但是如果我试图用行跨度来处理事情,那么事情就开始出错了。起初我认为我需要将数据放入一个层次化的JSON结构中,因为大多数D3示例似乎都是这样的,但我不确定。因此,例如,我可能希望有一个像这样的行分组html表

我是D3新手,但它似乎很流行,所以我想我应该玩一下html表和数据,而不是仅仅用jquery做一些动态的事情。如果我进去的话,我甚至可以做一些图表。然而,我只是想知道我是在用最好的还是最有效的方式做事。我在数组(不是json结构)中有查询结果,例如

现在我用一个扁平的html表来处理事情,但是如果我试图用行跨度来处理事情,那么事情就开始出错了。起初我认为我需要将数据放入一个层次化的JSON结构中,因为大多数D3示例似乎都是这样的,但我不确定。因此,例如,我可能希望有一个像这样的行分组html表

                   Model     Cost
Make     Ferrari   360       1500
                   430       2300
         Aston     DB9       500
                   DB8       750
但我希望动态地拥有不同的行组和列,甚至是多个级别的行组和/或列组。我的问题是,使用D3做这件事的最佳和最有效的方法是什么,或者我是在用大锤敲开螺母?我需要先转换数据吗

                   Model     Cost
Make     Ferrari   360       1500
                   430       2300
         Aston     DB9       500
                   DB8       750