Does anyone know of a Javascript charting library that can handle huge datasets?
By 'huge', I mean drawing a line graph with around 1,000 lines and 25,000 data points in total. (With an uneven distribution of points per line. A lot of lines have very few points, but some have up to 4,000.) Here is an example data file.
Currently I'm using Highcharts, but it's far too slow at plotting huge datasets.
I don't want to use Flash or Silverlight.
I was hoping to use Javascript so that my users can zoom+pan around the graph, and turn lines on/off etc. But if this is just too much data for any Javascript charting library to handle, then I'll have to make the graphs server-side.
There are some libraries build on top such as react-d3, and C3js that provides about the same set of chart types out of the box as chartjs, i.e. the basic ones like: Line, Bar, Area, Scatter, Pie. If you have a special need for visualization, such as new or unique type of chart, D3 is probably the right solution.
Visualization — JavaScript excels at data visualization. Libraries such as D3. js, Chart. js, Plotly.
In their example, the dygraphs library handles six thousand data points in a very fast manner. Perhaps that would be suitable for your needs?
It is based on Canvas with excanvas for IE support.
The ZingChart JavaScript charting library might be worth checking out. It was specifically built for big data and offers some great features to ensure fast, stable renders without losing interactivity.
Here is a demo that renders 100k points in under one second. And if you'd like to make some comparisons, there is also the ZingChart Vs. demo (note the warning on the top right- some libs can mess with your browser).
Full disclosure, I'm on the ZingChart team. I'm happy to answer any questions you might have about the library.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With