Published
Edited
Apr 23, 2020
Importers
6 stars
Insert cell
Insert cell
Insert cell
example = create('chord', {
title: 'Flights',
baseData: data.baseMatrix,
groups: data.groups,
animationDuration: 150,
fontSize: 12
})
Insert cell
viewof index = slider({
title: 'Current index',
min: 0,
max: data.length - 1,
step: 1,
value: data.length - 1
})
Insert cell
bindProps(example, {
data: data.valuesMatrix.map(d => d.map(t => t[index])),
outerRadius,
innerRadius,
width,
height
})
Insert cell
Insert cell
Insert cell
outerRadius = Math.min(width, height) * 0.5 - 30
Insert cell
innerRadius = outerRadius - 20
Insert cell
height = Math.min(640, width)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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