双层分区D3创建一个简单的2层

Question

这是我第一次使用D3并且想知道是否有人可以解释我如何只用两层创建双层分区。

一个完整的＆amp;不完整的部分。然后完整的部分显示avergae正确和错误。

我已查看此代码http://bl.ocks.org/mbostock/5944371

但我并不完全清楚它的作用。

Answer 1

代码并不关心你抛出的数据，只要它按照预期的方式进行格式化。

现在，this is the JSON file正在加载。

创建自己的JSON文件，看起来像

{
  "name": "sections",
  "children": [
    {
      "name": "complete",
      "children": [
        {"name": "correct", "size": 10},
        {"name": "incorrect", "size": 30}
      ]
    },
    {
      "name": "incomplete",
      "size": 20
    }
  ]
}

当你加载它而不是flare.json时看看它是否有效。如果您在本地加载文件，请使用firefox检查代码，chrome将阻止对本地文件的请求。

我让它在支流上工作，您可以更改数据和代码，如果您想保存编辑，请将其分叉。 here it is