I've been trying out different JavaScript based charting options. I love Highcharts but also wanted to take a look at gRaphael. I've found that the gRaphael documentation is really lacking and the efforts of kennyshen also do not cover a lot of the things. As a result, I'm having a ton of problem charting with gRaphael. Could someone point me to a robust documentation?
Also can I achieve similar charting with only Raphael? If so, can someone point me out to a tutorial of sorts. My primary requirement is bar/column charts.
I would recommend you to use Rgraph (http://www.rgraph.net/), which is easy to implement and well documented with lots of examples.
I've done a decent amount of research on JS charting libraries. I personally think High Charts and jqPlot are the best looking with adequate documentation. You can take a look and see what you think:
jqPlot Doc:
http://www.jqplot.com/docs/files/usage-txt.html
High Charts Doc:
http://www.highcharts.com/documentation/how-to-use
Related
I am looking for recommendations to visualize points on a scale on a web page. A Gauge type of representation, as provided by Google, or a bullet chart as provided by Protovis seem to be good candidates. But perhaps there's more. (Or perhaps there are some libraries that do something similar that I haven't seen yet.)
I would suggest looking at some of the things you can do with Raphael and g.Raphael. It is a great pure JS library that lets you do the charts you suggest and a lot more. The interaction you can add with it is pretty interesting.
I've looked at many graphing libraries and couldn't find one with a good radar graph. See image for the type of look I want. Most of the one's I've seen look very plain and mathy, anything that could be used for a game interface?
You can try this one:
https://github.com/tnzk/Raphael-Radar
Example: http://www.tnzk.org/devel/Raphael-Radar/example/
It uses Raphael.js, and you can improve it to your needs.
i am using this one
https://github.com/jsoma/raphael-radar
its pretty easy to customize and works with rapahael js
Where can I find tutorials to produce data representations on the web with gRaphael? There seem to be no documentation on line.
Many Thanks
I really would recommend against graphael just from personal experience. I looked at it and got stuck several times during my implementation (ex, simple things like axis labels require hacks like setting text at specific spots), and the physical x-axis scaling/ticks that is visible (at least for bar charts that I've tried) don't seem related to the data, as if there is some internal axis that you can't see. I could not find a single graph example that actually had even the minimum # of components a professional graph has (labels, legends, etc), so for me it's just a prettier 'sparklines'. All in all, a lot more trouble than it's worth, plus any documentation you find will be minimal at best.
I would look into jquery options (great documentation and easy browser support for js)
highcharts is #1 if it's for personal
use, very beautiful, interactive,
and easy to use
flot, nice looking though not as
interactive or as many options
jqplot, inspired by flot. this is my
current choice. there's a huge
amount of stuff you can do with
this. interactive and professional
looking, looks like a good sub for highcharts if the licensing fee is too much.
Flash charts (beautiful but flash is a no-no these days):
Open flash charts - It's not too bad
to implement and I used it before I
decided to switch to jqplot. Very
nice looking charts, but my graphs
needed to grab data from the server
more dynamically, and I decided js
was a better option to do it.
Amcharts - easily make good looking
graphs via XML data.
There doesn't seem to be that many beginner tutorials, but here's a couple of reasonably introductory text with examples:
http://www.treutech.com/42/visualizing-data-jqplot-graphael,
http://articles.sitepoint.com/article/graphael-javascript-graphs,
http://blog.jeremi.info/entry/creating-a-chart-with-raphael-js-from-a-google-spreadsheet
I'm looking for a JavaScript plugin which would help me to create charts. I would need stacked bar, bar, pie and line charts with drilldown and highlighting features.
Everything I found with these features are just flash and I would prefer using JavaScript.
Does someone have an idea or a suggestion?
Thank you by advance
-Yoann
You may want to look into the google charts api. It's not javascript per se, but it might be exactly what you need.
I have personally used the flot jQuery charting library and can recommend it. Very easy to use. You'll recognize flot from the reputation chart in your profile.
I've also used varioius pieces of Dojo's dojox charting stuff. These take a bit more effort to get going (especially if you're not already familar with dojo) but offer more options/flexibility.
You've probably seen amCharts when you found Flash charts with these features. Now there's amCharts JavaScript library with matching functionality.
I know there has been several discussions on JavaScript chart/graphics libraries, and there is many out there. What I need is one that can:
Zooming and panning
Data point manipulation (like when click on a data point, highlight other data points within the data series with the same certain parameter of the clicked one)
Dynamically change data point values (e.g.: dragging a data point dynamically updating the line shape)
Error bar support, horizontally and vertically
Select data points on the chart
Seems like Flot may have most of the features, if not all(not sure about 3, and 4), but would like to see if I don't miss out on there nice libraries.
Check out the awesome Visualization API on Google's AJAX APIs Playground
Take a look at http://raphaeljs.com/ library.
It has a plugin called gRaphaël which is charting plugin.
Look good but personally didn't use it.
Good luck and share you expirience if you try it.
The Dojo Charting Engine has a pretty astonishing featureset. Sadly dojo seems to suffer from a general lack of evangelism.
I dont know if there are good introductory tuts, maybe the best way is to learn from examples.