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:00154426122108118021669073786
02:00–04:0058113718321659134562887
04:00–06:002922148695371178890352
06:00–08:002677081988999699652269
08:00–10:003466208124332134332430461926
10:00–12:003893458733053237323435663712
12:00–14:003263182013961212227323872367
14:00–16:001083309516892760361812892290
16:00–18:001295277912992981208013832126
18:00–20:004933512841805379454551373649
20:00–22:005040386547054621589643683872
22:00–24:002229137416462138277140512150

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:005774025908198833743004433
02:00–04:009241221975835188556634
04:00–06:0036655061012551329281410
06:00–08:00496357593788931556256
08:00–10:002824412437162806195823692206
10:00–12:003026254149923064335145754827
12:00–14:0062538229321576225017641026
14:00–16:001248335216111779222126471714
16:00–18:001766107411822230147522373746
18:00–20:003877380541053135464455323821
20:00–22:004370478841004200480446954956
22:00–24:00988119417672349291720093048

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