Javascript library for drawing Graphs over Timelin

Question

Is there a javascript library that allows for drawing histograms/graphs over timelines, allow zooming, as well as selecting regions.

Something similar to Google's Financial Data Graphs (allows for scrolling, zooming in, as well as selecting ranges) Google Financial Data

Thanks.

Answer 1

Envision.js, which makes use of flotr2, seems like a decent choice, especially if you have to support IE 8. Granted, the documentation is a bit sparse, but the timeline and finance charts are a nice piece of work.

Answer 2

Here is one for you that allows scrolling, zooming, and many more interactions:

http://datavisualizationsoftwarelab.com/

This SDK lets you create wide range of charts:

• Time based charts
• Network charts
• Pie charts
• Coming soon are Geo charts, facet charts and XML Charts

Graphs are pure HTML5, no dependancies on other libs, thus easy to integrate with any JS framework (such as jQuery). Uses Canvas for rendering, has full multi-touch support for navigation, interaction and exploration of data.

Here are few example of charts:

Charts are free for non-commercial use, commercial licenses and technical support available as well.

Charts come with extensive API and Settings, so you can control every aspect of the charts.

Answer 3

Nobody (yet) mentioned Protovis, checkout the Examples, graphs similar to Google Finance can be created by combing Focus+Context and Playfair's Wheat.

Answer 4

A few good ones are:

• Timeplot
• Flot
• dygraphs
• highcharts

Answer 5

Something like this:

http://code.google.com/p/simile-widgets/wiki/Timeline

Answer 6

Flotr is a library for Prototype and Mootools which has interesting features :

• The text can be drawn on the graph (not as DOM text, so that the user can save the image)
• A very helpful and interactive configurator
• Time series
• Zoom, mouse drag, etc : http://phenxdesign.net/projects/flotr/examples/prototype/
• An integrated spreadsheet
• Cross browser, free and open source

alt text http://phenxdesign.net/projects/flotr/screenshots/advanced-titles.png