d3 interpolate

d3 interpolate

by Shang-De You

JavaScript

var interpolate = d3.interpolate('#f00', '#39e')
console.log(interpolate(0.5)) // #994d77
var interpolateRgb = d3.interpolateRgb('#f00', '#39e')
console.log(interpolateRgb(0.5)) // #994d77
var interpolate2 = d3.interpolate('blue', 'green')
console.log(interpolate2(0.5)) // #004080
var interpolateRgb2 = d3.interpolate('blue', 'green')
console.log(interpolateRgb2(0.5)) // #004080
var interpolate3 = d3.interpolate('hsl(120,0.5,0.5)', 'hsl(240,0.5,0.5)')
console.log(interpolate3(0.5)) // #010101
var interpolateRgb3 = d3.interpolateRgb('hsl(120,0.5,0.5)', 'hsl(240,0.5,0.5)')
console.log(interpolateRgb3(0.5)) // #010101
var interpolate4 = d3.interpolate(d3.rgb("blue"), d3.rgb("green"))
console.log(interpolate4(0.5)) // #004080
var interpolateRgb4 = d3.interpolateRgb(d3.rgb("blue"), d3.rgb("green"))
console.log(interpolateRgb4(0.5)) // #004080



var interpolate = d3.interpolate(1, 49)
console.log(interpolate(0.3)) // 15.399999999999999
var interpolateN = d3.interpolateNumber(1, 49)
console.log(interpolateN(0.3)) // 15.399999999999999
var interpolateR = d3.interpolateRound(1, 49)
console.log(interpolateR(0.3)) // 15


var interpolate = d3.interpolate("1", "49")
console.log(interpolate(0.3)) // (字串) 15.399999999999999
var interpolateN = d3.interpolateNumber("1", "49")
console.log(interpolateN(0.3)) // (數字) 15.399999999999999


var interpolateS = d3.interpolateString(1, 49)
console.log(interpolateS(0.5)) // (字串) 25
var interpolateS2 = d3.interpolateString('Hello 10', 'world 20')
console.log(interpolateS2(0.5)) // (字串) world 15


var interpolate = d3.interpolate([0,1], [1,50])
console.log(interpolate(0.3)) // [0.3, 15.7]
var interpolateS = d3.interpolateString([0,1], [1,50])
console.log(interpolateS(0.3)) // 0.3,15.7
var interpolateA = d3.interpolateArray([0,1], [1,50])
console.log(interpolateA(0.3)) // [0.3, 15.7]
var interpolateA2 = d3.interpolateArray([0,1], [1,50,100])
console.log(interpolateA2(0.3)) // [0.3, 15.7, 100]