Scenario: I want to create an interpolator between two objects a = {color: "red"} and b = {color:"lightblue"}.
d3.interpolate(a,b) sees that these properties are colors, and defaults to the hard-coded rgb (https://github.com/d3/d3-interpolate/blob/master/src/value.js#L15) method. Is there a way to override that default and use a gamma-corrected interpolateRgb (#14) or interpolateLab instead of rgb?
Unless I'm missing something, I don't see how to override this. (It doesn't even look possible to monkey-patch with d3.interpolateRgb = d3.interpolateLab, which I would not recommend anyway :))
A possible syntax might be d3.interpolate.color(d3.interpolateLab)(…), or maybe more generically d3.interpolate.delegate("color", d3.interpolateLab)(…), which could also work for numbers, strings, whatever…
https://observablehq.com/d/7f6b33e509e0e698
Scenario: I want to create an interpolator between two objects
a = {color: "red"}andb = {color:"lightblue"}.d3.interpolate(a,b)sees that these properties are colors, and defaults to the hard-codedrgb(https://github.com/d3/d3-interpolate/blob/master/src/value.js#L15) method. Is there a way to override that default and use a gamma-corrected interpolateRgb (#14) or interpolateLab instead ofrgb?Unless I'm missing something, I don't see how to override this. (It doesn't even look possible to monkey-patch with
d3.interpolateRgb = d3.interpolateLab, which I would not recommend anyway :))A possible syntax might be
d3.interpolate.color(d3.interpolateLab)(…), or maybe more genericallyd3.interpolate.delegate("color", d3.interpolateLab)(…), which could also work for numbers, strings, whatever…https://observablehq.com/d/7f6b33e509e0e698