javascript - Using D3 chart in Pentaho CDE -

hi guys

i add d3 circle packing diagram pentaho cde - http://bl.ocks.org/mbostock/4063530.

idea use d3 components library , add d3 component - put script code custom chart script, don't know how this. found tutorial http://biwithui.blogspot.cz/2014/08/d3-chart-in-pentaho-cde.html specific diagram db datasource. diagram using json file input
d3.json("flare.json"
believe of me with:
1) how edit index.html code add d3 component custom chart script?
2) how edit part flare.json data input, use own json datasource (with same structure) loaded pentaho cde (probably d3.json("#"+this.datasource )

thank you!

you may confusing d3.select d3.json. first picks out dom element want bind chart , second loads data , takes callback. pentaho seems require bind hash-tagged element (i'm not familiar pentaho, seems guys in tutorial doing). try:

//this load data 'data' variable d3.json('flare.json', function(data){     d3.select('#' + this.htmlobject)       .data(data).enter()    //and attaching data.       .append(//whatever type of graph want create)       ...  })