I am trying to create a bundle layout using D3.js.
I am following code at this location:
I got sample json file from here. It works fine.
Now when I try to use my json file, it gives me following error:
Uncaught TypeError: Cannot read property 'parent' of undefined
My json file looks like this:
[
{"name":"flare.analytics.A","size":3938,"imports":["flare.analytics.B,flare.analytics.C"]},
{"name":"flare.analytics.B","size":3812,"imports":["flare.analytics.C,flare.analytics.D"]},
{"name":"flare.analytics.C","size":3812,"imports":["flare.analytics.D,flare.analytics.E"]},
{"name":"flare.analytics.D","size":743, "imports":["flare.analytics.E,flare.analytics.F"]},
{"name":"flare.analytics.E","size":3534,"imports":["flare.analytics.F,flare.analytics.G"]},
{"name":"flare.analytics.F","size":5731,"imports":["flare.analytics.G,flare.analytics.H"]},
{"name":"flare.analytics.G","size":7840,"imports":["flare.analytics.H,flare.analytics.I"]},
{"name":"flare.analytics.H","size":5914,"imports":["flare.analytics.I,flare.analytics.A"]},
{"name":"flare.analytics.I","size":3416,"imports":["flare.analytics.B,flare.analytics.A"]}
]
Can anybody let me know what is the problem with my json file?
You just need quotes to encapsulate the different dependents and dependencies in your json, e.g.
flare.analytics.A","size":3938,"imports":["flare.analytics.B","flare.analytics.C"]}...
rather than
flare.analytics.A","size":3938,"imports":["flare.analytics.B,flare.analytics.C"]}
See it working in this fiddle.