Published
Edited
Nov 21, 2018
Importers
Insert cell
Insert cell
data1 = {
return {
"root1": { "calls": 1, "timeMs": 1000, "children": {
"sub11": { "calls": 10, "timeMs": 500, "children": {} },
"sub12": { "calls": 5, "timeMs": 300, "children": {
"subsub121": { "calls": 5, "timeMs": 100, "children": {}},
"subsub122": { "calls": 5, "timeMs": 100},
} },
"sub13": { "calls": 100, "timeMs": 100 },
}},
"root2": { "calls": 1, "timeMs": 1000, "children": {
"sub21": { "calls": 10, "timeMs": 500, "children": {} },
"sub22": { "calls": 5, "timeMs": 300, "children": {
"subsub221": { "calls": 5, "timeMs": 100, "children": {}},
"subsub222": { "calls": 5, "timeMs": 100, "children": {}},
} },
"sub23": { "calls": 100, "timeMs": 100, "children": {} },
}}
}
}
Insert cell
data2 = {
return {
"root1": { "calls": 1, "timeMs": 1050, "children": {
"sub11": { "calls": 10, "timeMs": 500, "children": {} },
"sub12": { "calls": 5, "timeMs": 350, "children": {
"subsub121": { "calls": 5, "timeMs": 100, "children": {}},
"subsub122": { "calls": 5, "timeMs": 150, "children": {}},
} },
"sub14": { "calls": 102, "timeMs": 105, "children": {} },
}}
}
}
Insert cell

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.
Learn more