javascript - Cubism グラフの補間

Question

Cubism は、mbostock 自身の言葉によると、情報密度を最大にするように設計されています。つまり、通常、1 ピクセルあたり 1 つのデータポイントを表示する必要があります。これは多くの場合に役立ちますが、データ自体がそれほど密集していない場合には役に立ちません。これらの場合、次のような醜いスタッカート スタイルのグラフが得られます。

Cubism 内でデータ/グラフを補間して、滑らかなグラフを表示する方法はありますか?

編集：

メトリックに keepLastValue を追加すると、次のようになります。

Graphite に表示されているのと同じデータを次に示します。

Cubism ビューを滑らかにして、Graphite のように見えるようにしたいと思います (地平線のオーバープロットの素晴らしさを追加します)。

Answer 1

Cubism はこれを自動的に行いませんが、d3 には中間の値を埋めるために使用できる補間器があります。カスタム ライン インターポレーターを使用した Mike Bostock の例を次に示します。おそらくデフォルトのもので問題ありません。