embed json file within d3.js (d3.layout.partition)

Question

I am using this: http://mbostock.github.io/d3/talk/20111018/partition.html

instead of d3.json("flare.json", function(root) {

how do i make it use the json file within the html, like say i have

var json = [{
"name": "flare",
"children": [
{"name": "analytics",
"children": [
{"name": "cluster","children": [{"name": "AgglomerativeCluster", "size": 3938},
{"name": "CommunityStructure", "size": 3812},
{"name": "HierarchicalCluster", "size": 6714},
{"name": "MergeEdge", "size": 743}
]
},

and i want to use this instead of an external json file, how do i achieve this?

Link to json file: http://mbostock.github.io/d3/talk/20111018/flare.json

Any JSFiddle example please?

Thank you.

This is not very complicated fix, if you can share ur code in fiddle or plunker. I can edit it. — Jyoti Puri
– Jyoti Puri, Commented Jun 30, 2014 at 8:59

Manoj · Accepted Answer · 2014-06-30 09:45:47Z

2

You will achieve this by two method:

1.you can assign the JSON data to variable name then You can build any layout

2.use one function to get the JSON data

Fiddle for 1 solution

var root = json;

Fiddle for 2 solution

var root = getData();
  var g = vis.selectAll("g")
      .data(partition.nodes(root))
    .enter().append("svg:g")
      .attr("transform", function(d) { return "translate(" + x(d.y) + "," + y(d.x) + ")"; })
      .on("click", click);

edited Jun 30, 2014 at 9:45

answered Jun 30, 2014 at 9:22

Manoj

1,8881 gold badge13 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

FeKuLa Over a year ago

Fiddle example with this mbostock.github.io/d3/talk/20111018/partition.html please?

quadroid Over a year ago

How to get this working with version 4?, the layout partition does no longer exist and its replacement does not contain a value property

Collectives™ on Stack Overflow

embed json file within d3.js (d3.layout.partition)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related