Which javascript or JQuery charting tool can I use to create heatmap charts with vertical column labels?

Question

I'm looking for a charting library that can draw heatmap charts, and has the option of displaying column label text vertically (allowing me to fit lots of columns on the screen regardless of the length of the labels)

Ideally the library would be free for a charity/educational organisation.

Here's an example of a simple heatmap with vertical labels:

enter image description here

That chart was created using FusionCharts, which is not suitable as it is a flash-based product and is expensive to license.

Possible duplicate of http://stackoverflow.com/questions/1117048/creating-heatmaps-using-canvas-element — antonjs, Mar 15 '12 at 13:12
@AntonJs that question refers to a different kind of heatmap — nick, Mar 15 '12 at 13:38
You could export the chart to image on the server, and then embed the image on your page. This would eliminate your Flash problem, if not the license amount. — Hrishikesh Choudhari, Mar 16 '12 at 11:28
You could use http://fcimg.org for exporting FusionCharts to images. — Hrishikesh Choudhari, Mar 16 '12 at 11:29

score 0 · Answer 1 · edited Oct 27 '12 at 03:32

0

I think what you are looking for is also called a TreeMap (in some circles anyway).
Check out thejit.org

Under the demos checkout the treemap and the icicle chart.

edited Oct 27 '12 at 03:32

Prasad Jadhav

5,090
16
62
80

answered Apr 27 '12 at 18:52

user789221

51
1
3

score 0 · Answer 2 · answered Mar 15 '12 at 13:15

0

You could always roll this yourself. Most of the table can be generated using ordinary HTML, with the exception of the vertical labels at the bottom. You could tackle that with Rafael, a JavaScript library that allows you to draw on an HTML canvas. Drawing rotated text is actually available out of the box so it won't be hard to implement.

answered Mar 15 '12 at 13:15

Alexander van Oostenrijk

4,644
3
23
37

I'm really looking for a ready-made solution so that I don't have to roll my own, but thank you for your suggestions – nick Mar 15 '12 at 13:34

score -2 · Answer 3 · answered Mar 15 '12 at 13:14

-2

At this url you can find what you are looking for heatmapjs

answered Mar 15 '12 at 13:14

antonjs

14,060
14
65
91

That looks like a different kind of heatmap – nick Mar 15 '12 at 13:33
Wrong answer; not relevant. – steakchaser Jul 17 '13 at 04:38

Which javascript or JQuery charting tool can I use to create heatmap charts with vertical column labels?

3 Answers3

Linked