here to learn
chart = {
const root = tree(data);
const svg = d3.select(DOM.svg(width, width))
.style("width", "100%")
.style("height", "auto")
.style("padding", "0px")
.style("box-sizing", "border-box")
.style("font", "5px sans-serif");
const link = svg.append("g")
.attr("fill", "none")
.attr("stroke", "#555")
.attr("stroke-opacity", 0.4)
.attr("stroke-width", 1.5)
.selectAll("path")
.data(root.links())
.join("path")
.attr("d", d3.linkRadial()
.angle(d => d.x)
.radius(d => d.y));
const node = svg.append("g")
.attr("stroke-linejoin", "round")
.attr("stroke-width", 3)
.selectAll("g")
.data(root.descendants().reverse())
.join("g")
.attr("transform", d => `
rotate(${d.x * 180 / Math.PI - 90})
translate(${d.y},0)
`);
node.append("circle")
.attr("fill", d => d.children ? "#555" : "#999")
.attr("r", 2.5);
node.append("text")
.attr("dy", "0.31em")
.attr("x", d => d.x < Math.PI === !d.children ? 6 : -6)
.attr("text-anchor", d => d.x < Math.PI === !d.children ? "start" : "end")
.attr("transform", d => d.x >= Math.PI ? "rotate(180)" : null)
.selectAll('tspan')
.data(d => d.data.name && d.data.name.split("\n"))
.join("tspan")
.attr("class", "text")
.text(d => d || '')
.attr("x", 6)
.attr("y", (d,i,n) => 6*(i - (n.length-1)/2))
.clone(true).lower()
.attr("stroke", "white");
return autosize(svg.node());
}
tree = data => d3.tree()
.size([2 * Math.PI, radius])
.separation((a, b) => (a.parent == b.parent ? 1 : 2) / a.depth)
(d3.hierarchy(data))
width = 2000
radius = width / 2
function autosize(svg) {
document.body.appendChild(svg);
const box = svg.getBBox();
document.body.removeChild(svg);
svg.setAttribute("viewBox", `${box.x} ${box.y} ${box.width} ${box.height}`);
return svg;
}
d3 = require("d3@5")
// Kekule numbers: x==childnumber; generation(x)==log_2(x); father==2x; mother==2x+1; aka binary heap
data = (
{"name": "1", "children": [
{"name": "2", "children": [
{"name": "4", "children": [
{"name": "8", "children": [
{"name": "16", "children": [
{"name": "32", "children": [
{"name": "64", "children": [
{"name":"128", "children": [
{"name":"", "children": [
{"name": `firstname lastname
born xx.xx.xxxx in somecity
married yy.yy.yyyy in somewhere
died xx.xx.xxxx in samecity
some_additional_information` },
{"name": `firstname lastname
born xx.xx.xxxx in somecity
married yy.yy.yyyy in somewhere
died xx.xx.xxxx in samecity
some_additional_information` }
]},
{"name":"", "children": [
{"name": `firstname lastname
born xx.xx.xxxx in somecity
married yy.yy.yyyy in somewhere
died xx.xx.xxxx in samecity
some_additional_information` },
{"name":""}
]}
]},
{"name":"129", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]},
{"name": "65", "children": [
{"name":"130", "children": [
{"name":"", "children": [
{"name":""},
{"name":`firstname lastname
born xx.xx.xxxx in somecity
married yy.yy.yyyy in somewhere
died xx.xx.xxxx in samecity
some_additional_information`}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"131", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]}
]},
{"name": "33", "children": [
{"name": "66", "children": [
{"name":"132", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}]},
{"name":"133", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]},
{"name": "67", "children": [
{"name":"134", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"135", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]}
]}
]},
{"name": "17", "children": [
{"name": "34","children": [
{"name": "68", "children": [
{"name":"136", "children": [
{"name":"", "children": [
{"name":""},{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"137", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]},
{"name": "69", "children": [
{"name":"138", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"139", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]}
]},
{"name": "35","children": [
{"name": "70", "children": [
{"name":"140", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"141", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]},
{"name": "71", "children": [
{"name":"142", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"143", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]}
]}
]}
]},
{"name": "9", "children": [
{"name": "18", "children": [
{"name": "36", "children": [
{"name": "72", "children": [
{"name":"144", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"145", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]},
{"name": "73", "children": [
{"name":"146", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"147", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]}
]},
{"name": "37", "children": [
{"name": "74", "children": [
{"name":"148", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]},
{"name":"149", "children": [
{"name":"", "children": [
{"name":""},
{"name":""}
]},
{"name":"", "children": [
{"name":""},
{"name":""}
]}
]}
]},
{"name": "75", "children": [
{"name":"150", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"151", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]},
{"name": "19", "children": [
{"name": "38","children": [
{"name": "76", "children": [
{"name":"152", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"153", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "77", "children": [
{"name":"154", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"155", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "39","children": [
{"name": "78", "children": [
{"name":"156", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"157", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "79", "children": [
{"name":"158", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"159", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]}
]}
]},
{"name": "5", "children": [
{"name": "10", "children": [
{"name": "20", "children": [
{"name": "40", "children": [
{"name": "80", "children": [
{"name":"160", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"161", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "81", "children": [
{"name":"162", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"163", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "41", "children": [
{"name": "82", "children": [
{"name":"164", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"165", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "83", "children": [
{"name":"166", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"167", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]},
{"name": "21", "children": [
{"name": "42","children": [
{"name": "84", "children": [
{"name":"168", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"169", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "85", "children": [
{"name":"170", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"171", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "43","children": [
{"name": "86", "children": [
{"name":"172", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"173", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "87", "children": [
{"name":"174", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"175", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]}
]},
{"name": "11", "children": [
{"name": "22", "children": [
{"name": "44", "children": [
{"name": "88", "children": [
{"name":"176", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"177", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "89", "children": [
{"name":"178", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"179", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "45", "children": [
{"name": "90", "children": [
{"name":"180", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"181", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "91", "children": [
{"name":"182", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"183", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]},
{"name": "23", "children": [
{"name": "46","children": [
{"name": "92", "children": [
{"name":"184", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"185", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "93", "children": [
{"name":"186", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"187", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "47","children": [
{"name": "94", "children": [
{"name":"188", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"189", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "95", "children": [
{"name":"190", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"191", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]}
]}
]}
]},
{"name": "3", "children": [
{"name": "6", "children": [
{"name": "12", "children": [
{"name": "24", "children": [
{"name": "48", "children": [
{"name": "96", "children": [
{"name":"192", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"193", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "97", "children": [
{"name":"194", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"195", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "49", "children": [
{"name": "98", "children": [
{"name":"196", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"197", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "99", "children": [
{"name":"198", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"199", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]},
{"name": "25", "children": [
{"name": "50","children": [
{"name": "100", "children": [
{"name":"200", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"201", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "101", "children": [
{"name":"202", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"203", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "51","children": [
{"name": "102", "children": [
{"name":"204", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"205", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "103", "children": [
{"name":"206", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"207", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]}
]},
{"name": "13", "children": [
{"name": "26", "children": [
{"name": "52", "children": [
{"name": "104", "children": [
{"name":"208", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"209", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "105", "children": [
{"name":"210", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"211", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "53", "children": [
{"name": "106", "children": [
{"name":"212", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"213", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "107", "children": [
{"name":"214", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"215", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]},
{"name": "27", "children": [
{"name": "54","children": [
{"name": "108", "children": [
{"name":"216", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"217", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "109", "children": [
{"name":"218", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"219", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "55","children": [
{"name": "110", "children": [
{"name":"220", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"221", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "111", "children": [
{"name":"222", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"223", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]}
]}
]},
{"name": "7", "children": [
{"name": "14", "children": [
{"name": "28", "children": [
{"name": "56", "children": [
{"name": "112", "children": [
{"name":"224", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"225", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "113", "children": [
{"name":"226", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"227", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "57", "children": [
{"name": "114", "children": [
{"name":"228", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"229", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "115", "children": [
{"name":"230", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"231", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]},
{"name": "29", "children": [
{"name": "58","children": [
{"name": "116", "children": [
{"name":"232", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"233", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "117", "children": [
{"name":"234", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"235", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "59","children": [
{"name": "118", "children": [
{"name":"236", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"237", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "119", "children": [
{"name":"238", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"239", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]}
]},
{"name": "15", "children": [
{"name": "30", "children": [
{"name": "60", "children": [
{"name": "120", "children": [
{"name":"240", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"241", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "121", "children": [
{"name":"242", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"243", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "61", "children": [
{"name": "122", "children": [
{"name":"244", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"245", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "123", "children": [
{"name":"246", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"247", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]},
{"name": "31", "children": [
{"name": "62","children": [
{"name": "124", "children": [
{"name":"248", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"249", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "125", "children": [
{"name":"250", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"251", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]},
{"name": "63","children": [
{"name": "126", "children": [
{"name":"252", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"253", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]},
{"name": "127", "children": [
{"name":"254", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]},
{"name":"255", "children": [{"name":"", "children": [{"name":""},{"name":""}]},{"name":"", "children": [{"name":""},{"name":""}]}]}
]}
]}
]}
]}
]}
]}
]})
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
