javascript - D3.jsフォースレイアウトでjsonデータから追加の属性をリンクする方法は?

Question

Mike Bostockのさまざまな例に従って、ノードに有向パスと画像を含む折りたたみ可能なフォース レイアウトを作成しました (この他の質問に関連しています)。

ここで、json 文字列のデータによって構造化されているように、ノードに追加情報が含まれている場合は、いくつかの追加情報をいくつかのノードにリンクしたいと考えています。

次のような json 文字列:

 {
   "name": "Somename",
   "text": "Some text",
   "extradata": [
            {
              "type": "sometype",
              "icon": "someicon.png"
            },
            {
               "type": "sometype02",
              "icon":  "someicon.png"
            }
   ],
   "children": [
    {
        "name": "Somename",
        "text": "Some text",
        "extradata": [
            {
              "type": "sometype",
              "icon": "someicon.png"
            },
        ]
    },
    {
        "name": "Somename",
        "text": "Some text",
        "extradata": [
            {
              "type": "sometype",
              "icon": "someicon.png"
            },
            { .... },
            { .... },
            { .... },
            ....
        ],
        "children": [
        {
            ....
        }
    },
    ........

extradata[] つまり、この extradata 属性を持つすべてのノードにリンクされた配列の値の一部を表示したいと思います。最終結果は下の画像のようになります。ここで、青い円は追加データの内容を表します (例: sometypeやsometype02)。

これらの値を取得するためにjson文字列を解析する方法と、それらが属するノードへのリンクを作成する方法を理解するのに苦労しています。