使用D3的projection.stream（）的正確方法是什麼？

Question

所以我用D3's geo streamAPI做了一點試驗，感覺有點朦朧。我一直在讀通過這裏的文檔：

https://github.com/mbostock/d3/wiki/Geo-Streams

一個混亂的時候，我已經是正確執行流變換。比方說，我創建一個：

//a stream transform that applies a simple translate [20,5]: 
var transform = d3.geo.transform({ 
    point:function(){this.stream.point(x+20,y+5)} 
}) 

每文檔，this.stream引用「包裝流。」但是什麼是真正的流？從我可以收集的信息來看，它比一個明確的數據結構 - 一系列數據和函數調用來轉換數據更像一個過程。上面的語法似乎表明，包裹流只是包含「stream listeners」

移動的物體時，我能申請流使用投影變換方法：

//a path generator with the transform applied using the projection() method 
var path = d3.geo.path().projection(transform); 

雖然我不不太瞭解底層機制，效果看起來相對簡單：路徑生成器的底層變換函數用變換後的參數調用。

對於我的用例，我覺得這沒有什麼幫助，特別是因爲我的輸入數據還沒有投射出來。我想先使用投影來轉換數據，然後轉換那些輸出的座標。爲此，是否有一種分層轉換的一般模式？

我看到D3並提供projection.stream其應用突出的第一變換，將聽者之前（聽衆）的模式，但我不知道如何實現這一點。聽衆的論點應該是什麼？這裏有一個例子：http://jsfiddle.net/kv7yn8rw/2/。

任何指導，將不勝感激！

Answer 1

the documentation的一個關鍵事實是 「地理投影是流變換的一個例子」。

流只允許多次轉換（例如項目）數據而不保存中間數據。投影可以是具有流屬性的對象，例如下面是proj_then_transform。

到鏈流的方法如下：

// stream 1 
var proj = d3.geo.equirectangular(); 
// stream 2 
var transform = d3.geo.transform({ 
    point:function(x,y){this.stream.point(x+20,y+5)} 
}); 
// stream 1 then stream 2 
var proj_then_transform = { 
     stream: function(s) { 
      return proj.stream(transform.stream(s)); 
     } 
    }; 

我已經更新的例子與工作解決方案： http://jsfiddle.net/cvs5d7o9/2/