Where to find open source 3d charts available? - javascript

I am looking for opensource or unlicensed 3D charts.
if you have some link please share them.

Have you tried Google Charts?
https://developers.google.com/chart/

The only real open source(MIT license) 3D charts that I know of are these two
https://github.com/bkuzmic/raphael-charts-plugin
https://github.com/PuffyCoffee/3D-Pie-chart
The first one offers both a pie & bar option. The author is still actively working on it so it should improve over time.
There are other 3D charting tools that claim to be "free" and "open source". But their license is extremely restrictive. Basically, they only allow you to use their tool for free only if you use it for a personal websites with no ads and zero commercial purpose.

Try Highcharts. IBM, NASA, Siemens and others use it according to their Web site. It's pure JavaScript. I searched the Web quite a while for it. I am not quite sure if 3D charts are possible, however it should serve most needs.

Not really 3D, but you could use Flex SDK's data charts: http://opensource.adobe.com/svn/opensource/flex/sdk/trunk/frameworks/projects/charts/
I don't recall what the status is on the data vis components - they weren't able to open them when they released the rest of the SDK, and I can't find anything on their current status.
I still have yet to come across any other package, Open Source or not, JS or Flash, that will do log-log plots as easily as I could with Flex Charting - some will do y axis, but not x and y.

Coming a little late to the party perhaps - but RGraph can be used under the MIT license and produces some nice 3D charts:
http://www.rgraph.net/docs/3d-javascript-charts.html

Related

Any jQuery Gantt Chart with Treeview, Zoom and editing features?

I have to integrate a Gantt Chart like tool in a room booking solution using jQuery. The Gantt should be very interactive one rather than simply displaying data. It should respond to drag & drop, it should have a tree view on the left side to group the tasks, and it should have the zoom feature to zoom in and out of the timeline. I did a lot of research but all those available currently on the web is lacking atleast any one of the mentioned features.
Could anyone tell me if there is anything like this using jQuery?
I know this may sound crazy to have these many features in a single thing. So a subset of the mentioned features would also be very helpful.
Thank you
I developed this one: http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/
is a complete editor based on jQuery.
New release available: http://roberto.open-lab.com/2014/05/15/jquery-gantt-editor-collapsible-branches
I have been using this one on http://taitems.github.com/jQuery.Gantt/ - its not 100% perfect yet but for my needs which are basic presentation of time tracking - it works very well.
Take a look at dhtmlxGantt, it supports all mentioned features:
interactive Gantt chart - respond to drag-and-drop
a tree view at the left
zoom feature (customizable timescale)
easy integration with jQuery
It's free under GPL.
(Disclaimer: I work for DHTMLX)

Javascript chart component that can handle annotated news headlines

I am looking for a Javascript chart component that can embed news headlines directly on the chart, similar to what is available with Google Finance
I know that this is possible in Flash with e.g. Google Chart Tools (http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html) or amCharts (http://amcharts.com/stock/events/), but I'd prefer to avoid using Flash, because of use with iPad and iPhone.
I have also been looking at Flot (http://code.google.com/p/flot/) and Humble (http://www.humblesoftware.com/finance/index), but since these are made using the canvas element, I don't think they work well enough in IE. I know they both use excanvas to make it possible to use them in IE, but they just don't perform well enough. I have been testing them in IE 6-9 on several computers and the results simply aren't good enough for me to confident in using them.
I have been quite impressed with Highcharts (http://www.highcharts.com/demo/?example=line-time-series&theme=default) and Raphael (http://g.raphaeljs.com/), but neither of those have implemented annotated news headlines by default, so it would require a lot of work to get it done. Do you have any other suggestions on how to do this without flash and without using canvas?
Also I would be happy to see demos, if anyone has implemented a similar solution.
Thank you for your time.
One of the examples for Raphael (the original graphics library, not the graphs extension linked to in the question) looks like it may be close to what you are looking for: http://raphaeljs.com/analytics.html
It's an old question, but if somebody still finds it - you can have this with JavaScript version of amCharts: http://www.amcharts.com/stock-chart/stock-events/
Disclaimer: I am the author of amCharts.

gRaphael Js: where can I find tutorials to produce data charts (pie, bar, etc)

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

Simple opensource javascript library for creating (stacked) line graph?

I need a lightweight javascript library to create a stacked line graph (a bit like what is used in financial graphs). The X axis will be dates and the Y axis will be ordinary float values.
There will be two sections of the graph:
Top graph which is a line graph. I want to be able to specify the color of a line segment (i.e. joining two dated points)
The bottom part is just a rectangle/bar which represents the value. Once again, I want to be able to specify the color of the bar for a particular date.
It would be cool if the library used JQuery (since I have used jQuery in the past) - but even plain old JS code library would be equally useful.
I recommend Google Chart API / Chart Tools (examples) and Google Visualization API (examples).
The former being less powerful than the latter, but also more low-tech, so possibly easier to use (and more portable across platforms. The basic Chart API generates static images for you).
But you can also use:
gRaphael
Bluff
PlotKit
CanvasGraphJS
Grafico
RGraph
Plotr
Or even use a more high-level library like ExtJS (examples).
look at JQPlot http://www.jqplot.com/
UPDATE: Here is a recent and very impressive chart library built by Baidu folks:
http://ecomfe.github.io/echarts/index-en.html
And this one is open source.
Another free option are the Google visualisations.
They could be an overkill for your needs. But you can provide to the users different kind of graphics as they all share the same dataset structure.
The good, you don't host them, they are on the Google's infrastructure and save you the bandwith. The bad, you don't host them... It is not opensource, you can't hack them if you want.
We use them in our web app and are quite happy from it.
Except they don't work with Android, as many use SVG/VML that is off by default for now.
Use raphaeljs and the complimentary charting library. The charting library link has a few examples that will show you what you can do - just view source them to see how easy it is.

JavaScript Charting library - Google Analytics Style

I'm searching for a Javascript library to create line charts like the ones of Google Analytics. When the mouse is over a point, a box shows you the data.
An example is at http://wikirank.com/en
No Flash or Air, only JS and client-side Canvas...
Better if Free...
Edit: If you want a free library, try Flot.
Emprise Charts is a commercial library that I've seen featured on news sites.
Another option is to use Google's visualization APIs.It's pretty easy to use, and they have a several options for displaying data. One thing to keep in mind is some of the visualizations require you to send your data to their server, though none of the canvas/svg ones have this requirement.
There's JS-Charts which looks pretty awesome.
Or, if you fancy rolling your own you can create your own charting component using this library...
As an alternative to Flot, if you are using Prototype.js as JS framework, you can use Flotr.
Dojo also has something similar, though the example shown doesn't have similar functionalities but can be implemented to behave like the one you want,
http://dojocampus.org/explorer/#Dojox_Charting_2D_Lines,%20Markers,%20No%20Axes,%20Purple%20Theme,%20Custom%20Min%20Max
Raphael.js is pretty good at making graphs with svg/vml, you have to write some custom code though, but you can make some really nice animation with it, next to that it's compatible with ie6+ (only not with android 2 browsers).

Categories