Non-uniform d3.interpolateRgbBasis

[martinRenou]

I would be interested in passing non-uniformly spaced colors as input for the d3.interpolateRgbBasis. Is it on the roadmap for this package? Maybe I am missing something and it is already possible?

I would like to do something like:

d3.interpolateRgbBasis(["#000000", "#e60000", "#e6e600"], [0., 0.2, 1.])

Instead of the implicit default:

d3.interpolateRgbBasis(["#000000", "#e60000", "#e6e600"], [0., 0.5, 1.])

[martinRenou]

I would be happy to open a PR myself, given some directions, if that is something someone is interested in :)

[Fil]

Another way of framing the question would be to this interpolator with another that "warps" the domain: https://observablehq.com/d/f10b45253c5d3f62

with

function composition(f, g) { return t => f(g(t)); }

Unless there's something I don't see, for the piecewise approach, finding the solution involves some sort of newton-raphson solver, as in https://observablehq.com/d/5d4f950dd5554b67 ; and the piecewise approach is not necessarily the best if we want a derivable solution.

So I'd rather "solve" this issue by publishing documentation on how to compose interpolators. But please feel free to send a PR if you have a better solution!