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:007132182414112138791654291
02:00–04:00166572934369861810301009
04:00–06:0035311210914244872471370
06:00–08:0010846233781116435766591
08:00–10:001981256444963124323423682256
10:00–12:003050320223522139384937762831
12:00–14:00104421533534127116412286648
14:00–16:003547171918192392301513434315
16:00–18:00190691332992231257615763174
18:00–20:004013304046753447485958293836
20:00–22:004788397437114035578851324788
22:00–24:003316149233251891179028401385

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:002614111927783471302923212125
02:00–04:008561141671591182830150
04:00–06:0073788762499133310591049
06:00–08:0082414461636959904547299
08:00–10:003340192924572448400823193123
10:00–12:001821403933082509400933642349
12:00–14:00163188814742435284127702783
14:00–16:002092157318262594241627771334
16:00–18:00107117631251942331018852021
18:00–20:003710415438763801474254173952
20:00–22:004789436940383865655246954705
22:00–24:001898294123823406325827182704

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