如何構建顯示大量數據的簡單D3圖表？

Question

我想用D3來構建簡單的圖表，其中包含數以百萬計的數據點。

顯然，我不會試圖一次繪製數百萬個點。在任何給定時間，只有非常非常小的一部分（< 1000）會被看到。我將根據當前視圖和縮放級別從服務器「按需」下載預處理數據，並且希望使用D3內置的縮放和平移行爲。

基本上，想象一個來回移動的無限寬條形圖，並根據當前縮放級別（例如語義縮放）自行更改以顯示適當的細節級別。

在D3中有哪些技術可以實現這一點，但仍然感覺反應靈敏且流暢？我應該避免做什麼？有沒有這方面的例子？

Answer 1

例如：看看Fabian Fischer的BankSafe，這是今年的獲獎作品VAST Challenge。不知道代碼是否可用，但報告總結了他所使用的技術。數據集也是「數億」的順序，如果我沒有記錯的話，它的縮放技術與你描述的類似。

Answer 2

我強烈建議你看看使用canvas超過svg。從我看到的情況來看，擁有數千個SVG元素並不能很好地擴展。微軟對於如何知道選擇哪個版本有很好的評價：http://msdn.microsoft.com/en-us/library/ie/gg193983(v=vs.85).aspx#Using_Canvas_AndOr_SVG