d3.js - 无法在 D3 强制布局中引用子级的子级

Question

我正在尝试使用相当简单的对象结构绘制力布局图。我能够到达一级儿童，但无法在图中看到二级儿童。我假设我可能错过了一小块。我也没有看到任何控制台错误。

这是我的小提琴 http://jsfiddle.net/sghoush1/bzMhG/3/

这是数据

var inNodes = {
    "name": "My Name",
    "dept": "NYC",
    "children": [
        {
            "name": "HTML",
            "level": "9",
            "size": 20,
            "chidlren": [
                {
                    "name": "HTML 5",
                    "level": "7",
                    "size": 15
                },
                {
                    "name": "HTML 4",
                    "level": "9",
                    "size": 20
                }
            ],
        },
        {
            "name": "CSS",
            "level": "9",
            "size": 20,
            "chidlren": [
                {
                    "name": "CSS 2",
                    "level": "9",
                    "size": 20
                },
                {
                    "name": "CSS 3",
                    "level": "7",
                    "size": 15
                }
            ],
        },
        {
            "name": "Java Script",
            "level": "8",
            "size": 20
        },
        {
            "name": "D3.js",
            "level": "6",
            "size": 10
        }
    ],
    "size": 20
};
return inNodes;
}