The avatar for @hellotham
Hello Tham
Public
Edited
Jun 30, 2023
1 fork
3
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
chart = SankeyChart({
nodes: nodes,
links: links
}, {
nodeGroup: (d) => d.category,
nodeAlign, // e.g., d3.sankeyJustify; set by input above
linkColor, // e.g., "source" or "target"; set by input above
colors: d3.schemeSet2,
width,
height: 1200
})
Insert cell
Icicle(tree, {width: 3000, height: 1600, label: d => d.id.split('/').pop()})
Insert cell
Plot.plot({
axis: null,
margin: 20,
marginRight: 500,
width: 1500,
height: 1500,
marks: [
Plot.tree(paths)
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
vedana.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
citta121@1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
import {SankeyChart} from "@d3/sankey"
Insert cell
import {Icicle} from "@d3/icicle"
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