How to process user defined json format in D3.js - json

Question

I have a json File that is in the format. I would like to access each branch and sub branch of this file using d3.js
"x":
{
"a":
{
no.of employees:30
total salary:2500000
count_email:25
}
"b":
{
no.of employees:20
total salary:350000
count_email:25
}
}
"y":
{
"c":
{
no.of employees:30
total salary:4500000
count_email:30
}
}
"z":
{
"d":
{
no.of employees:40
total salary:550000
count_email:40
}
"e":
{
no.of employees:10
total salary:100000
count_email:15
}
"f":
{
no.of employees:15
total salary:1500000
count_email:15
}
}
How can i access each branch and sub branch for processing. How to know the keys of this json format

Answer 1

Your Json is in a wrong format :
Before anything, validate it with a tool like JsonLint.com.
It should look something like that :
data = {
"x": [{
"a": {
"ff": 30,
"fff": 2500000,
"fff": 25
},
"b": {
"ff": 30,
"fff": 2500000,
"fff": 25
}
}],
"y": [{
"a": {
"ff": 30,
"fff": 2500000,
"fff": 25
},
"b": {
"ff": 30,
"fff": 2500000,
"fff": 25
}
}]
};
You could iterate into your object like that :
Employee = [];
for (x in data) {
// Access to the first level
for (y in x) {
//Access to the second level
console.log(data[x][y]);
// Here you could store each of your object into a new tab that you could use in d3.js
Employee.push(data[x][y]);
}
}

Answer 2

Nothing special in D3 to do this.
You can use simple javascript to deal with this case.
Something like this:
d3.json("my.json", function(error, json) { //load json using d3
if (error) return console.warn(error);
var keys = Object.keys(json); //get all the keys
console.log(keys, "Branch") //print on console
keys.forEach(function(key){
var subBranch = Object.keys(json[key]); //get all subbranch for key
console.log(subBranch, "SubBranch of " + key); //print subbranch and key
})
});
will produce output like this:
["x", "y", "z"] "Branch"
["a", "b"] "SubBranch of x"
["c"] "SubBranch of y"
["d", "e", "f"] "SubBranch of z"
working code here