GraphUp Demo 1 · Fill

The demo tables below could represent the average visitor count to your website split up per day and hour. In the first table, the greenPower color map is used. Also, using the callBeforePaint callback we assign a special CSS class for all cells above 50%.

Monday Tuesday Wednesday Thursday Friday Saturday Sunday
00:00–02:001018342419961167425314243107
02:00–04:001065941445981601614266
04:00–06:00493681826736934480637
06:00–08:0049611246427481201351490
08:00–10:003320409134333386313242173168
10:00–12:002529284535453410445435813177
12:00–14:0078438942956251118158991327
14:00–16:00391914907701180250420302478
16:00–18:001795146930361035246925783263
18:00–20:004137417138003747484057313865
20:00–22:005041395236024490611550233696
22:00–24:004268268418122172308834841881

Obviously, in the next table another color map has been used: burn. There is more going on, though. Via the callBeforePaint callback we customize the opacity of each cell's text, according to its percentage. This creates a nice extra visual effect.

Monday Tuesday Wednesday Thursday Friday Saturday Sunday
00:00–02:00216115279201000253721602664
02:00–04:0014014512515138845631778
04:00–06:002227329034457671142307
06:00–08:001752738115380886402391
08:00–10:002766330530652677373731792890
10:00–12:003740417937093029342131472005
12:00–14:003808264910723908303521922286
14:00–16:00237472832703024181930711187
16:00–18:001356216721503493265932281227
18:00–20:004028440932833952553351374257
20:00–22:004873352839493814546150244032
22:00–24:001811220326934238273022033432

Have a look at the source of this page to learn and see exactly how it all works.