How to navigate nested json object with d3.js?

1
2
3

d3.json("data.json", function(data) {
  // code to navigate nested JSON object goes here
});

1
2
3
4
5

// Access nested data using dot notation
var nestedData = data.property1.property2;

// Access nested data using array notation
var nestedData = data['property1']['property2'];

1
2
3
4

var nestedData = d3.nest()
  .key(function(d) { return d.key1; })
  .key(function(d) { return d.key2; })
  .entries(data);

1
2
3
4
5
6

nestedData.forEach(function(d) {
  console.log(d.key1);
  d.values.forEach(function(d2) {
    console.log(d2.key2);
  });
});