递归圆包装？

Question

我有一个JSON对象，我希望能够将其显示为this之类的圆圈层次结构（您可以使用鼠标点击放大和缩小层次结构）。

我只想弄清楚如何使用d3.layout.pack为下面的JSON对象生成层次结构并访问位于Franchise下的数据。任何指针都将非常感激。感谢。

{    
    "Consultant": 
    [
        {
            "ConsultantID": 1, 
            "ConsultantName": "Test Consultant", 
            "Account": 
            [
                {
                    "AccountID": 1, 
                    "AccountName": "Test Account", 
                    "Site": 
                    [
                        {
                            "SiteID": 1, 
                            "SiteName": "Test Site", 
                            "Franchise": 
                            [
                                {
                                    "FranchiseID": 1, 
                                    "FranchiseName": "Test Franchise", 
                                    "Data": 
                                    {
                                    // Data goes here
                                    }
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

Answer 1

对于布局，您可以按照建议使用内置的circle packing layout。

要格式化数据以在此布局中使用它，您可以使用d3.nest()功能。如果您想更深入了解嵌套是如何工作的，那么我建议您查看以下问题：D3 JSON data conversion