javascript - D3時系列ヒートマップ

Question

x軸に時系列、ya番号、色がセルの値であるd3を使用してヒートマップを作成しようとしています。データは入力に基づいてロードされ、ドメインと範囲は異なる入力で変更される可能性があります。私はそのような例を見つけることができませんでした。誰かが私がそれをどのように作成できるか考えていますか？

ありがとう

Answer 1

それで、私はついに私が探していたこのコードを書く時間ができました。私の主な問題は、体重計をよく理解していたことでした。したがって、少し読んだ後、次のコードを使用してタイムスケールを定義し、それをデータにマッピングできます。

var xscale = d3.time.scale()
                     .domain([startDate, endDate])
                     .range([padding, w - padding]);

var xAxis = d3.svg.axis()
            .scale(xscale)
            .orient("bottom")
            .ticks(d3.time.days, 5);

次のjsfiddleで私のコードの動作デモを見つけることができます：http： //jsfiddle.net/TD5Sk/1/

Answer 2

例のd3ギャラリーを探索し、ミキシングとマッチングを行うと、適切な出発点を見つけることができるはずです。共起行列には、説明する多くのプロパティがあります。カレンダーの例でさえ、おそらくいくつかの有用なポインタがあります。