shutterstock / rickshaw

JavaScript toolkit for creating interactive real-time graphs

Home Page:https://shutterstock.github.io/rickshaw

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Support for rendering million data points

deepgnly opened this issue · comments

Considering I update the data every 1 sec and 10 data points get updated every second,the chart might have million data points rendered by the end of the day...

What is the performance for such a scenario?Has anyone had similar experiences?
Also I see that every time the data gets updated the graph.series.addData(data); graph.render(); needs to be called. What happens with the render function? Does it render the whole data model again and again? Or it is react -like,render only the change set?

How much data do you have at hands? Usually I think d3 is not able to handle that much data on a single page. I used to use DC.js for massive data visualization but it came out with a very frustrating performance. So my conclusion is that it is always better to shrink the size of your raw data and then visualize them. You may take a look at the following links.

  1. Does D3.js work efficiently on massive amounts of data (200 million rows with at least a dozen columns)?
  2. D3: How to show large dataset

It is better to use canvas based library if scripting and rendering time is somehow one of your concerns.