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.
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 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.
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 8 years ago.
Improve this question
Are there any other open source visualizations similar to d3.js which are lighter and can handle more data, because the data i am trying to visualize is a large dataset and d3.js is taking a lot of time to load when hosted on a server.
Also i am in search of a interactive geographic visualization. Currently i am using google viz. but it is kind of inconsistent sometimes it loads sometimes it doesn't. I know there is a limit of no of calls that you can make but this reasons are not something that can be said professionally.
While d3.js is beautiful as generic data visualization tool, it's not the best in case of specific visualization needs.
It really depends on the kind of visualization you want to show: for multiple visualization combined together I think that it's hard to find something better than d3... or maybe RaphaelJS.
PaperJS is cool as well but it does perform more or like like d3.js IMHO.
What kind of visualization are you trying to make?
Maybe there's a specific library that can help you to handle your data easily.
For geographic visualization you can have a look to LeafletJS (which is data provider agnostic) and has an entire universe of plugins: most of them are designed to perform well also with millions of points.
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 have seen this Good javascript library for drawing charts using json, which lists charting libraries. I thought to go for FLOT but I didnot see that it is supporting drill down bars.
Can any one suggest me whether FLOT supports them or any other library I can use? I am mainly looking for drill down bars and pie charts with support of javascript and jquery and can pull the chart data for these graphs.
There is Highcharts and JFreeChart, will that work? JFreeChart does not support drill down, though.
d3.js. See the gallery:
https://github.com/mbostock/d3/wiki/Gallery
Drill down demos or examples:
http://mbostock.github.com/d3/talk/20111116/bar-hierarchy.html
http://mbostock.github.com/d3/talk/20111018/treemap.html
http://mbostock.github.com/d3/talk/20111018/partition.html
http://bost.ocks.org/mike/miserables/
http://www.jasondavies.com/coffee-wheel/
http://thepowerrank.com/visual/NCAA_Tournament_Predictions
http://square.github.com/crossfilter/
http://windhistory.com/map.html#4.00/36.00/-95.00 / http://windhistory.com/station.html?KMKT
http://trends.truliablog.com/vis/tru247/
http://trends.truliablog.com/vis/metro-movers/
http://marcinignac.com/projects/open-budget/viz/index.html
http://bl.ocks.org/3630001
http://bl.ocks.org/1346395
http://bl.ocks.org/1314483
http://slodge.com/teach/
http://tympanus.net/Tutorials/MultipleAreaChartsD3/
http://bl.ocks.org/3287802
There are several tutorials. Here are two:
http://www.12devsofxmas.co.uk/2012/01/data-visualisation/
http://nickqizhu.github.com/dc.js/
And there are fiddle-like d3 editors:
http://www.d3-generator.com/
So to me, d3.js certainly seems like the best choice.
Go for http://kiersimmons.com/DDChart/index.html, it is a jquery plugin for drill down chart.
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.
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 8 years ago.
Improve this question
I intend to draw a directed graph (node-oriented). The nodes in the graph are dynamically generated. I am wondering if there's any good js library out there that solves my problem. Edges and weights need to be custom configured.
Thanks,
Deepak.
The JavaScript InfoVis Toolkit provides graph view that can be dynamically generated and updated using AJAX etc. It provides a number of views that are customizable.
From my experience D3.js is most flexible
d3js.org
also there is new sigmajs libaray
http://sigmajs.org/
Have you looked into the RaphaelJS library?
Check out the awesome demos on the site. It's cross-browser, because it uses VML in IE and SVG in other browsers.
You can try arborjs.org too.
Commercially licensed - KeyLines would do the job - also cross-browser, both old IE & newer browsers supported (incl iPads). Disclaimer: I help to develop it ;-)
Cytoscape Web JS will do what you need.
Check out the github repository here http://cytoscape.github.com/cytoscape.js/
and you can play around with some demos here http://cytoscape.github.com/cytoscapeweb/