Public
Edited
Mar 13, 2023
Insert cell
Insert cell
width = 700

Insert cell
height = 500
Insert cell
data = {
return {
nodes: [
{ name: "etf_1", category: "etf", representation: "25" },
{ name: "etf_2", category: "etf", representation: "25" },
{ name: "etf_3", category: "etf", representation: "50" },
{ name: "category_1", category: "category", representation: "to be calculated" },
{ name: "category_2", category: "category", representation: "to be calculated" },
],
links: [
{ source: "etf_1", target: "category_1", value: "1" },
{ source: "etf_2", target: "category_1", value: "1" },
{ source: "etf_3", target: "category_2", value: "1" },
],
units: "instances"
}
}
Insert cell
data_position = {
return {
nodes: [
{name: "etf_1", category: "etf", representation: "25", index: 0, sourceLinks: [{source: Object, target: Object, value: "1", index: 0, width: 190, y0: 100, y1: 104.99316560829821}], targetLinks: [], value: 1, depth: 0, height: 1, layer: 0, x0: 1, x1: 21, y0: 5, y1: 195.00000000000003},

{ name: "etf_2", category: "etf", representation: "25", index: 1, sourceLinks: [{source: Object, target: Object, value: "1", index: 1, width: 190, y0: 300, y1: 294.9931656082982}], targetLinks: [], value: 1, depth: 0, height: 1, layer: 0, x0: 1, x1: 21, y0: 205.00000000000003, y1: 394.99999999999994},

{ name: "etf_3", category: "etf", representation: "50", index: 2, sourceLinks: [{source: Object, target: Object, value: "1", index: 2, width: 190, y0: 499.99999999999994, y1: 499.9878169564798}], targetLinks: [], value: 1, depth: 0, height: 1, layer: 0, x0: 1, x1: 21, y0: 404.99999999999994, y1: 595.0000000000001},

{name: "category_1", category: "category", representation: "to be calculated", index: 3, sourceLinks: [], targetLinks: [{source: Object, target: Object, value: "1", index: 0, width: 190, y0: 100, y1: 104.99316560829821},{source: Object, target: Object, value: "1", index: 1, width: 190, y0: 300, y1: 294.9931656082982}], value: 2, depth: 1, height: 0, layer: 1, x0: 933, x1: 953, y0: 9.993165608298213, y1: 389.9931656082982},

{name: "category_2", category: "category", representation: "to be calculated", index: 4, sourceLinks: [], targetLinks: [{source: Object, target: Object, value: "1", index: 2, width: 190, y0: 499.99999999999994, y1: 499.9878169564798}], value: 1, depth: 1, height: 0, layer: 1, x0: 933, x1: 953, y0: 404.9878169564798, y1: 594.9878169564797},
],
links: [
{ source: {name: "etf_1", category: "etf", representation: "25", index: 0, sourceLinks: Array(1), targetLinks: Array(0), value: 1, depth: 0, height: 1, layer: 0, x0: 1, x1: 21, y0: 5, y1: 195.00000000000003}, target: {name: "category_1", category: "category", representation: "to be calculated", index: 3, sourceLinks: Array(0), targetLinks: Array(2), value: 2, depth: 1, height: 0, layer: 1, x0: 933, x1: 953, y0: 9.993165608298213, y1: 389.9931656082982}, value: "1", index: 0, width: 190, y0: 100, y1: 104.99316560829821},



{ source:
{
name: "etf_2",
category: "etf",
representation: "25",
index: 1,
sourceLinks: {source: [{source: Object, target: Object, value: "1", index: 0, width: 190, y0: 100, y1: 104.99316560829821}], target: Object, value: "1", index: 1, width: 190, y0: 300, y1: 294.9931656082982},
targetLinks: [],
value: 1, depth: 0, height: 1, layer: 0, x0: 1, x1: 21, y0: 205.00000000000003, y1: 394.99999999999994},
target:
{
name: "category_1",
category: "category",
representation: "to be calculated",
index: 3,
sourceLinks: [],
targetLinks: [{source: Object, target: Object, value: "1", index: 0, width: 190, y0: 100, y1: 104.99316560829821},{source: Object, target: Object, value: "1", index: 1, width: 190, y0: 300, y1: 294.9931656082982}],
value: 2, depth: 1, height: 0, layer: 1, x0: 933, x1: 953, y0: 9.993165608298213, y1: 389.9931656082982}
value: "1", value: "1", index: 1, width: 190, y0: 300, y1: 294.9931656082982},




{ source:
{
name: "etf_3",
category: "etf",
representation: "50",
index: 2,
sourceLinks: [{source: Object, target: Object, value: "1", index: 2, width: 190, y0: 499.99999999999994, y1: 499.9878169564798}],
targetLinks: [], value: 1, depth: 0, height: 1, layer: 0, x0: 1, x1: 21, y0: 404.99999999999994, y1: 595.0000000000001},
target:
{
name: "category_2",
category: "category",
representation: "to be calculated",
index: 4,
sourceLinks: [],
targetLinks: {source: Object, target: Object, value: "1", index: 2, width: 190, y0: 499.99999999999994, y1: 499.9878169564798},
value: 1,depth: 1, height: 0, layer: 1, x0: 933, x1: 953, y0: 404.9878169564798, y1: 594.9878169564797}
value: "1", value: "1", index: 2, width: 190, y0: 499.99999999999994, y1: 499.9878169564798 },
]
}
}
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