Emballage circulaire récursif?

Question

J'ai un objet JSON que je veux pouvoir visualiser sous la forme d'une hiérarchie de cercles comme this (vous pouvez effectuer un zoom avant ou arrière sur la hiérarchie en utilisant des clics de souris). J'essaie juste de comprendre comment utiliser le fichier d3.layout.pack pour générer la hiérarchie pour l'objet JSON ci-dessous et accéder aux données qui se trouvent sous Franchise. Tous les pointeurs seraient très appréciés. Merci.

{  
    "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

Pour la mise en page, vous pouvez utiliser le construit en circle packing layout comme vous le suggérez.

Pour formater les données à utiliser dans cette mise en page, vous pouvez utiliser la fonction d3.nest(). Si vous voulez un peu plus de perspicacité sur comment nid fonctionne, alors je vous suggère de jeter un oeil à la question suivante: D3 JSON data conversion