방대한 양의 데이터를 표시하는 간단한 D3 차트를 작성하려면 어떻게합니까?

Question

D3을 사용하여 말 그대로 수백만 개의 데이터 포인트로 간단한 차트를 작성하고 싶습니다.

분명히, 나는 한 번에 수백만 개의 점을 표시하려고 시도하지 않을 것입니다. 주어진 시간에 그 점들 중 아주 아주 작은 부분 (< 1000) 만 볼 수 있습니다. 현재보기 및 확대/축소 수준에 따라 서버에서 "요청시"사전 처리 된 데이터를 다운로드하고 D3에 내장 된 확대/축소 및 이동 동작을 사용하려고합니다.

기본적으로 앞뒤로 움직이는 무한대의 가로 막 대형 차트를 상상해보십시오. 현재 확대/축소 수준 (예 : 시맨틱 줌)에 따라 적절한 세부 묘사 수준을 나타냅니다.

이것을 달성하기 위해 D3에서 어떤 기술을 사용할 수 있습니까? 그래도 여전히 반응이 빠르고 부드럽게 느껴지나요? 무엇을하지 말아야합니까? 이것에 대한 예가 있습니까?

Answer 1

예 : 올해 VAST Challenge 수상자 인 Fabian Fischer의 BankSafe을 살펴보십시오. 코드가 사용 가능한지 확실하지 않지만 그가 실제로 사용한 기술을 요약 한 보고서가 있습니다. 데이터 세트는 또한 "수억"의 순서로되어 있었고 - 정확하게 기억한다면 - 당신이 묘사 한 것과 비슷한 줌 기술을 가졌습니다.

Answer 2

canvas을 svg 이상으로 사용하는 것이 좋습니다. SVG 요소가 수천 개있는 데서 나는 특히 잘 확장되지 않습니다. Microsoft는 어떤 것을 선택할 것인지 알 수있는 좋은 글을 가지고 있습니다. http://msdn.microsoft.com/en-us/library/ie/gg193983(v=vs.85).aspx#Using_Canvas_AndOr_SVG