用D3或類似庫繪製多個拋物線

Question

我目前正在探索D3庫和它的教程。我製作了柱狀圖，氣泡圖和其他傳統圖表。

我目前正試圖用D3繪製幾個拋物線。我有一個CSV文件，其中包含兩個x截距，頂點和多個拋物線的「a」值。我很好奇，如果任何一個有D3經驗的人已經做了一個可視化，你必須繪製某種拋物線。

任何與繪製拋物線（使用x軸截距和座標點）相關的信息都會有幫助（D3或不）。謝謝。

Answer 1

我會找到拋物線一堆幾點：

var points = []; 
for (var x = 0; x < 500; x++){ 
    var y = a*(x - xIntercept1)*(x - xIntercept2); 
    points.push({x: x, y: y}); 
} 

，並與d3.svg.line繪製他們（） https://github.com/mbostock/d3/wiki/SVG-Shapes