JS library for waterfall graphs

Question

Can anyone recommend a JS library for generating waterfall graphs?

There is an example on the Wikipedia page: http://en.wikipedia.org/wiki/Waterfall_chart

But, I need the ability to graph it horizontally.

Answer 1

TBH, I'm not sure what a waterfall graph looks like, but I can highly recommend the dojo toolkit - http://dojotoolkit.org/

It has a really good charting and gfx modules.

Answer 2

I'm not aware of any libraries that create waterfall charts. I think that if these are a requirement (certainly if creating them client-side is a requirement) you may need to develop your own. The good news is that there are now quite a few js charting libs out that you can use as a starting point. You should be able to extend the bar chart functionality to give you waterfall charts.

The dojo charting module mentioned by chrisb is one example. It is very robust, but there is quite a bit of extra overhead required to get a chart to screen.

Flot is another that uses canvas + excanvas for drawing. This is a much simpler library than dojo's and that might work in your favor.

PlotKit is a good place to start because they can create charts using both canvas and svg (dojo can as well). Each has distinct advantages and depending on your needs you might find svg to be a better option for you while most of the charting libs are using only canvas + vml.