用D3或类似的库绘制多个抛物线

时间:2013-05-29 01:17:52

标签: plot d3.js javascript graphing

我目前正在探索D3库及其教程。我制作了直方图,气泡图和其他传统的可视化。

我目前正试图使用​​D3绘制几个抛物线。我有一个CSV文件,其中包含两个x-intercepts,顶点和多个抛物线的“a”值。我很好奇,如果有D3经验的人做过可视化,你不得不绘制某种抛物线。

任何与绘图抛物线相关的信息(使用x截距和坐标点)都会有所帮助(D3或不是)。感谢。

1 个答案:

答案 0 :(得分:0)

我会在抛物线上找到一堆点:

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