Skip to content

循环方案

🌐 Cyclical schemes

使用 Rainbow 颜色方案创建循环连续色标:

🌐 To create a cyclical continuous color scale using the Rainbow color scheme:

js
const color = d3.scaleSequential(d3.interpolateRainbow);

interpolateRainbow(t)

来源 · 给定一个范围在 [0,1] 的数字 t,返回对应的颜色:首先从 [0.0, 0.5] 范围内的 d3.interpolateWarm 颜色尺度获取颜色,然后从 [0.5, 1.0] 范围内的 d3.interpolateCool 颜色尺度获取颜色,从而实现循环的 less-angry rainbow 颜色方案。

interpolateSinebow(t)

来源 · 给定一个范围在 [0,1] 内的数字 t,返回由 Jim BumgardnerCharlie Loyd 创建的“sinebow”配色方案对应的颜色。