d3.js - キュービズム グラフにドラッグ動作を追加する

Question

cubism.js はおそらくリアルタイムの視覚化を目的としており、実際には対話用ではありませんが、ステップを増やしたりデータをチャンクしたりすることなく、ページ上の大きなデータセット (たとえば >> 1000 ポイント) を視覚化できるようにしようとしていました。

例: http://jsfiddle.net/B2WJM/4/ (4000 ポイント データセットの最初の 500 ポイントが描画されます)

var context = cubism.context()
    .step(6e4)
    .size(500)
    .stop();

したがって、d3 https://github.com/mbostock/d3/wiki/Zoom-Behaviorを使用してこのグラフをドラッグまたはズームし、開始属性と停止属性を動的に変更することで適切な解決策が得られることを期待します。

Answer 1

ここで説明した在庫データを 3 つに分けて表示したかったのです。グラフを 3 つに分割し、カルーセルのような左/右ボタンを追加して、グラフを切り替えました。

データをそれぞれ 800 px の 5 つの部分に分割し、左右のボタンを使用して移動できると思います。