JavaScript library to support interactive charts, graphs etc on canvas? [closed] - javascript

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 7 years ago.
Improve this question
I'm looking for a useful library which would help me in drawing different interactive charts, graphs etc on canvas. Basically i'm designing a web paint like application and adding the functionality of these interactive charts etc. so what i want is, when user clicks the specific chart, he can then click anywhere inside the canvas and the chart appears there with the data given by user in a file(i will handle that once i know the data format and stuff). I tried a few libraries but either they don't support drawing inside canvas or they aren't offering any interactivity... what do you guys suggest me to go for?

As #Pereira said both chartjs and google chart are good solutions. I will also recommend you take a look at:
HighchartsJS (http://www.highcharts.com/)
PolychartJS (http://www.polychartjs.com/)
I hope it helps you.

Here we have someones:
http://www.chartjs.org/
https://developers.google.com/chart/
I think both are good solutions to you.

I just finished a project where we did this using the chart.js library. Clicking bars generates a new, more specific graph based on the clicked bar. I think a big part of what made this possible for us was the use of a RESTful API to manage the data. Check it out if you're interested.

Related

Open source library/framework for building dashboard (bar,line,pie,etc) [closed]

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 7 years ago.
Improve this question
I have done POC with highcharts and works fine and looks great.
I am looking for better open source library/framework using which i can develop my dashboard showing different graphs.
The UI framework must handle the real time data (like Ajax calls or REST).
Any helpful suggestion appreciated.
D3 (Data-Driven Documents) is excellent if you have a bit of time to learn it.
Some examples:
http://bl.ocks.org/3287802
http://jondot.github.com/graphene/
After you pick your graphing solution (plots, charts, ...) some drag-and-droop grid to put it all together on one dashboard:
gridster.js (MIT licensed) may come in handy
Packery non-profit GPL v3 licensed or one-time purchase for a commercial license
here's another awesome looking one (quite win8 themed) : dashing
http://www.flotcharts.org/ provides a popular open source javascript charts library.
There are many charts plugins out there. http://www.queness.com/post/10781/13-chart-and-graph-plotting-javascript-plugins
My recommendations:
JQPlot: jQuery plugin. Uses canvas element or VML
gRaphael: uses raphaeljs JS library. SVG W3C Recommendation and VML as a base for creating graphics. - Lots of options.
If you only need an charts api
try https://developers.google.com/chart/
Its also support real-time updates

Javascript charting library [closed]

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
I'm trying to visualize data like in this spreadsheet https://docs.google.com/spreadsheet/ccc?key=0AhtsNUEmDE6MdE0ybXppcG1jampsVnBfZWpEZm9vbmc .
So I would have columns for each person and hours on the left hand side. And the ability to color the columns like in the spreadsheet.
I know about raphaeljs or flot ... but I'm not seeing in the examples something that fits with what I need.
Or maybe I'm not looking at it the right way.
Any suggestions about what to use and how to best display what I want ?
Thank you.
EDIT
http://www.saltycrane.com/blog/2010/03/jquery-flot-stacked-bar-chart-example/
I just found this .. and it seems to have everything I described in the spreadsheet.
Thank you for your answers.
Have a look at these links
High-charts - Interactive JavaScript charts for your web pages.
Open Flash Chart 2 - Server side PHP, Perl, Python, Ruby, .NET, Google Web Toolkit and JAVA.
Google Charts - Display live data on your site
zingchart - Build Flash or HTML5 charts and graphs with the latest & greatest features and technologies
pchart - pChart is a PHP class oriented framework designed to create aliased charts
fusioncharts - It can render over 90 charts and gauges in JavaScript (HTML5) and Flash, along with 550 data-driven maps
Try these ones:
http://www.highcharts.com/
http://www.jqchart.com/samples/ChartTypes/StackedColumn
I see in your latest comment you found the stacked bar chart will fit your needs. Most JavaScript charting libraries can accommodate that.
This chart shows a list of libraries and the chart types they support -- http://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks
Your selection of one of these tools will come down to how you want to render the chart once you've made it, and how you'd like your users to be able to interact with/share the chart.
Hmm .. I think flot will actually do all that I need : http://www.saltycrane.com/blog/2010/03/jquery-flot-stacked-bar-chart-example/ - this is a great example and seems to match what I described.

JavaScripted Augmented Reality [closed]

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
Does anyone have experience with a JavaScript library for Augmented Reality?
If so, can you recommend one?
EDIT:
Not sure how to better clarify this... By Augmented Reality I mean using device webcam (laptop, smartphone, tablet) and overlapping elements over the video feed on screen. Ofen, the overlapping is done based on a marker the algorithm searches for within each frame and makes calculations about its position in space.
Hope that's enough.
Thanks.
I think this is what you might be looking for. JSARToolkit is a direct port of Flash FLARToolkit from Ilmari Heikkinen. Great tutorial you may also want to check out and a link to the Git repo.
http://weblog.bocoup.com/javascript-augmented-reality/
https://github.com/kig/JSARToolKit
You can try skarf.js, a framework that I have created for handling JavaScript augmented reality libraries in Three.js.
It currently integrates JSARToolKit and js-aruco, so you can easily switch between these two libraries to decide on the more suitable one to use.
This framework takes care of a number of things for you, including automatic loading of models when the associated markers are detected (association is specified in a JSON file). There is also a GUI marker system which allows users to control settings using AR markers.
Integration with Three.js is just one line of code to create a Skarf instance and another line of code to update.
There are videos, live demos, source codes, examples and documentation available. Check out http://cg.skeelogy.com/skarfjs/ for more info.

3d surface chart with javascript? [closed]

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 7 years ago.
Improve this question
Which 3d surface chart library out there do you recommand? It is ok if it is flash or silverlight, as long as it supports dynamic data update thru json.. Thank you!
Gil.
How about javascript-surface-plot?
As for javascript not being fast enough, what do you think this is, 2009?
I am not entirely sure what you are after but one option for 3D charting with Javascript would be Canvas 3D Graph
Edit
Surface plotting is quite CPU-intensive and requires a good graphics API, so Javascript doesn't cut it.
Unfortunately there aren't any ready-made 3D charting libraries for Flash or Silverlight that support surface plotting, only a couple of 3D engines, for example Away3D.
If you are willing to go with applets then JFreeChart might help you (JFreeChart in an Applet). You can control the applet with Javascript and feed it whatever data necessary.
Jmol is used in SAGE for 3D graph plotting. It runs as an applet. It is quite heavy-weight, and it even has a console. Check out the SAGE sources for usage.

Javascript 3d Graphing utility? [closed]

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 7 years ago.
Improve this question
Does any one know of any good javascript 3d graphing utility? I know that every site ever recommends Canvas 3d Graph but it is actually quite limiting. For one it only allows graphing with datasets that are within the 1000. Though it does have some capability (with a bit of code modifying) to graph data that are a bit out of its range, nothing out of a complete revamp will allow graphing of data based on time or with values hugely larger than 1000. (I have data values that range into the billions.)
Or should I abandon all hope and either write one myself or look to other technology?
Google O3D is a library for producing 3d-graphics using Javascript. It also has a deprecated plugin, but the newest version uses WebGL.
Check it out here: http://code.google.com/p/o3d/
You'll definitely need to build a small graphing-shell around it, but it shouldn't be hard, especially not if you look closely to the examples provided on the Google-code website.
It uses OpenGL as a backend-technology: rendering lots of polygons, on reasonable hardware, is not a problem at all.

Categories