d3-jsnext/src/interpolate/hcl.js

d3, but futuristic

import { d3_hcl_lab, d3$hcl } from '../color/hcl';

var d3_interpolateHcl;

d3$interpolateHcl = d3_interpolateHcl;

function d3_interpolateHcl(a, b) {
  a = d3$hcl(a);
  b = d3$hcl(b);
  var ah = a.h,
      ac = a.c,
      al = a.l,
      bh = b.h - ah,
      bc = b.c - ac,
      bl = b.l - al;
  if (isNaN(bc)) bc = 0, ac = isNaN(ac) ? b.c : ac;
  if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah;
  else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360; // shortest path
  return function(t) {
    return d3_hcl_lab(ah + bh * t, ac + bc * t, al + bl * t) + "";
  };
}

export { d3_interpolateHcl };