javascript - d3.js 条形图：从可观察到常规 js

Question

我看到了一个不错的条形图，我想在常规 javascript 中重现它。
但似乎我做错了什么。特别是当我试图转录 keyframes函数时

keyframes = {
  const keyframes = [];
  let ka, a, kb, b;
  for ([[ka, a], [kb, b]] of d3.pairs(datevalues)) {
    for (let i = 0; i < k; ++i) {
      const t = i / k;
      keyframes.push([
        new Date(ka * (1 - t) + kb * t),
        rank(name => (a.get(name) || 0) * (1 - t) + (b.get(name) || 0) * t)
      ]);
    }
  }
  keyframes.push([new Date(kb), rank(name => b.get(name) || 0)]);
  return keyframes;
}

原始版本在这里我
的版本在 codepen 上

标签： javascriptd3.jsobservablebar-chart