D3 또는 이와 유사한 라이브러리로 여러 개의 포물선을 플롯합니다.

Question

현재 D3 라이브러리를 탐색 중이며 튜토리얼입니다. 히스토그램, 거품 형 차트 및 기타 기존 시각화를 만들었습니다.

저는 현재 D3을 사용하여 여러 개의 포물선을 그려 봅니다. 두 개의 x- 절편, 정점 및 여러 개의 포물선에 대한 "a"값이 포함 된 CSV 파일이 있습니다. 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}); 
} 

및 https://github.com/mbostock/d3/wiki/SVG-Shapes

) (d3.svg.line로 그래프