構建列車運動圖

Question

我需要建立一個反映列車運動的日常時間圖。事情是這樣的：

我從來沒有內置圖形類的。你有什麼想法我應該開始？我發現了一個圖形庫d3.js，但還沒有使用它的經驗。

你能指導我一點嗎？

謝謝！

Answer 1

這看起來像E.J.馬雷1880年的列車時刻表，在Tufte's "The Visual Display of Quantitative Information"的封面上，並在this blog post中描述。

實際上有一個interactive visualization of CalTrain schedules複製Marey的可視化，建在Protovis。雖然Protovis不再被積極開發，但您可以使用該示例。

但是，正如@HBP所說，這種可視化將非常直接地通過手工構建而不需要學習任何專門的可視化庫。

Answer 2

你的第一個任務是組織和理解你的數據。從我在你的（小的）圖像中可以看到的，你有一個用對角線覆蓋的網格。假設你使用圖形庫，我首先繪製網格，將網格交點座標添加到數據結構中。那麼它應該是一個相對簡單的遍歷數據和繪製對角線的問題。

您要求指導。嘗試一下，如果你遇到了你開發的代碼和數據結構。