Published
Edited
Apr 13, 2020
2 stars
Insert cell
Insert cell
// Naive scale: discontinuous
cyclicColor(t => d3.interpolateCividis(t / (2*Math.PI)))
Insert cell
cyclicColor(t => d3.interpolateCividis((1 + Math.cos(t)) / 2))
Insert cell
cyclicColor(t => d3.interpolateCividis(Math.abs(Math.cos(t))))
Insert cell
cyclicColor(t => d3.interpolateRdBu((1 + Math.cos(t)) / 2))
Insert cell
cyclicColor(t => d3.interpolateSpectral((1 + Math.cos(t)) / 2))
Insert cell
cyclicColor(t => d3.interpolateGreys((1 + Math.cos(t)) / 2))
Insert cell
cyclicColor(t => d3.interpolateSinebow(t / (2*Math.PI)))
Insert cell
theta = 2 * Math.PI * (now % 2000) / 2000
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