chart = SankeyChart({
links: skills
}, {
nodeGroup: d => d.id.split(/\W/)[0], // take first word for color
nodeAlign: 'justify', // e.g., d3.sankeyJustify; set by input above
linkColor: 'source-target', // e.g., "source" or "target"; set by input above
format: (f => d => `${f(d)} occurences`)(d3.format(",.1~f")),
nodePadding: 5,
linkStrokeOpacity: 0.4,
width: 2056,
height: 1080,
marginRight: 100,
marginLeft: 100,
marginTop: 10,
marginBottom: 10
})
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.
