Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
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.
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.
ECharts can handle a large amount of data (I've tested them with 100k points x 3 series).
It is an open source and free to use (Apache 2.0) library.
Here is an example of a large scale data chart https://ecomfe.github.io/echarts-examples/public/editor.html?c=candlestick-large
If you would like to use Echarts line series type with a large amount of data you should turn on "sampling" http://echarts.apache.org/option.html#series-line.sampling to aggregate data points.
Another useful option would be showSymbol: false which will also boost performance.
Old thread but maybe of some use. Highcharts have added a 'boost' module to improve dataset point plotting. They say this can handle millions of data points with ease.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I am new to webGL and want to get started with a project. I have engineering data which has lots of elements and points.
please Help me choose what is best framework for me.
Elements in millions
Rendering quality , shadows in not important nor focus
Could support defining solid elements or custom solid element types
If my requirement cant be met due to any limitations ,even then what can be my best choice ?
This question has yet been asked here. I let this answer because you also ask for a couple of details more.
Before considering a framework, the number of 'elements' you can display and the rendering quality are only hardware-limited.
1. Elements in millions
For the average audience, don't plan to render more than 1-2 million(s). See some potree examples where you can change the amount of points. For this quantity, the main available feature in GL is POINTS, that are sort of sprites, 2D planes facing the camera. You can draw anything you want on them but keep in mind they are not volumes. It is a native GL feature so you can implement it with or without any library.
2. Rendering quality
You may mean different aspects :
framerate : this is the very first challenge of each webgl app, to keep the framerate at its highest (60 to 70FPS depending on screens). This mainly depends on the CPU-GPU computations you are asking.
antialiasing : this is a native feature of the webgl API. But it uses a lot of resources and developpers use to disable it.
higher-level rendering features can be implemented by professionnals but won't work on average devices without seriously reducing the framerate.
So regarding this list, if you don't set the antialiasing, your framerate is the only 'quality' parameter you will worry about. And it almost only depends on the CPU-GPU computations your program is asking. If you use a mature library it should barely not increase them.
3. Could support defining solid elements or custom solid element types
There comes the interest of using 'frameworks', which are initially javascript libraries, some of them looking like online 3D editors :
Babylon.js and
Three.js are the most known,
the latter being the most complete, actively supported, documented and used, as the docs, stackoverflow tag and github repository prove.
For a quick setup (and more) with WebGL, online 3D editors like Clara.io let you discover it.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I am looking for a suitable JavaScript charting library that will work well with being generated with data pulled from an API using Ajax/JSON. I'll be primarily using line, bar and pie charts.
Any library that is straightforward to use, has good documentation and will allow me to have animated graphs is also a plus.
What is my best option in this scenario?
Your question is a little vague - though from personal experience, I have found Chart.js and canvas.js (preferring the former) to be easy to use - they have detailed documentation, easy-to-use code formats and also available animations when the graphs are changed dynamically.
D3.JS
Have you seen D3.js?
As far as I know, it is the MOST flexible charting library.
Checkout the examples here: https://github.com/mbostock/d3/wiki/Gallery
Highcharts
The other one that I have used is Highcharts. Its not open source though and it is not free for commercial purposes. However, it is very easy to use.
Google Visualization / Google Charts
You may also use Google Visualization but it doesnt work offline (they dont allow you to download the library, sadly). But its easy to use.
All of the 3 libraries mentioned above provide line, bar and pie charts, with animation and very well documented.
Hope it helps :)
As said by #think123 I am also a fan of chart.js however it is limited in the sense of displaying actual data within the graphs themselves. Flot is also highly praised and does not have the limitations of chart.js - the hover effect is similar to Google Analytics
Why not go for D3.js?
D3 stands for Data-Driven Documents, but what it really means, is that it is a visualization library, that ultimately, like any other js visualization library, draw things on canvas.
Example: Some of the things that can be made using it are beautiful. Such as this
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I want to create web app wich will be able to build mind maps.
Backend isn't problem for me but frontend is: i'm not sure which technology to use.
App should build unlimited graphs where each node should be editable and contain text.
SVG! Infinitely zoomable, well supported in modern browsers (incl. Firefox 4 and up) and works well with text.
I would also tell you to check http://raphaeljs.com/ makes your life easier.
When it comes to animation it is tempting to go along HTML5 canvas but if your need is complex animations or require more control and quality, SVG is the way to go.
Apart from quality the other cons in HTML5 canvas are behind the scenes it is a pixel manipulation, and you would not get DOM for each object meaning you cannot call them by ID or manipulate them singularly. Every small change is redraw.
SVG on the other hand gives DOM level of control and supported by webkits
I'd say canvas if I had to choose between the two.
There's a related question here which will give you a more comprehensive answer, but it's got great support, gaining momentum as part of html5 and also (if it makes a difference) has good mobile support.
However I'd also say that they're quite different and there's nothing to stop you using both of them as they can certainly work well together.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I'm looking for a nice graphing library for JavaScript that can handle the following types of graphs:
Line Graphs
Histograms
Scatterplots
Motion Charts
I've tried Google's Chart Tools but they don't seem to have a nice histogram chart (nor can I get their motion chart to work properly, even served off my Apache web server).
I'm hoping that there's a decent library out there that can support all of these, however if I must, I may include 2 different libraries (looking at Google Chart Tools, gRafael, flotr, and rgraph right now - none of which seem to include ALL of the requirements I have).
I'm surprised no one has mentioned JQPlot yet. I'm not entirely sure it will do everything you need, but it's a very, very capable library. It's in jQuery, just to note.
Demos of JQPlot here
JQPlot can fit all your needs, it seems:
Line Graphs JQPlot supports these just fine, as you'd expect
Histograms Histograms are just bar charts, so that should be ok. A colour histogram would just consist of 1px wide bars
Scatterplots Scatter plots are also fine
Motion Charts I think you mean bubble plots, which JQPlot also does
graphael supports a number of graph types.
https://stackoverflow.com/questions/1571016/raphael-js-tutorial has some helpful tips.
I ran across this question while researching the same topic. Since I wasn't entirely happy with any of the options out there, I created i3d3, a fairly simple library based on D3.js which may meet your needs. So far it is working well for our project (monitoring system for a high-energy particle astrophysics project), and at least one other project in the wild.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
Are there any significant Javascript libraries for graph and network representation, with common algorithms, optimization, etc.? I'm imagining something like the C++ lemon library, with graph search, shortest path, maximum flow, and so on.
Google draws a blank, because the results are completely flooded with graph- and chart-drawing libraries.
Take a look at http://www.graphdracula.net/
It's got a number of algorithms including:
bellman-ford
dijkstra
floyd-warshall
You may be interested in Cytoscape.js, an open-source JS graph theory library. It can be run headlessly or with an interactive visualisation. It is styleable via CSS-like files, has built in gestures, support for touch devices, node.js, etc.
There's a bunch of algorithms now, and there will be many more shortly -- i.e. more complex algorithms like PageRank etc.
http://cytoscape.github.io/cytoscape.js/
Disclaimer: I work on the project
node-dijkstra
A NodeJS implementation of Dijkstra's algorithm
Study a graph, generally require a lot of computer effort, expecially for large graph (I don't know what kind of graph you are trying to analyze) but if it is simple, probably you didn't need libraries. You will never find what you're looking for... it's even difficult to find something like that for the common languages, I don't think that a scripting language studied to render HTML page can help you, expecially because it lives embedded in a browser that is neither studied nor capable to have the proper performance to your purposes.
I'm sure that you're only way is programming and perform analyzes on your graph through a server side programming language, in this case you will have a dedicated machine that performs operation on a graph and it has more sense.
I suggest you .NET because you can use your lemon library ... By the way have you ever tried SNAP http://snap.stanford.edu/ it's the best library you will ever find, I really suggest as a C++ library... take care that it lacks on documentation.
I'm sorry for javascript, but you will realize that I'm right