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:00132771394283929789074187
02:00–04:001145251027359657817541
04:00–06:0030626033711788534831019
06:00–08:0038355632119031647751113
08:00–10:001918199128702694419527291751
10:00–12:004383366136262482285427762957
12:00–14:0020499832380207714621698669
14:00–16:0029022362978926317518551221
16:00–18:002950114923402974355924813143
18:00–20:004877395337244409494042483117
20:00–22:003449443950413948456064423865
22:00–24:002715298214093035355131532083

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:00208173033023907826771643
02:00–04:003362815508878246251200
04:00–06:00240390584537418543691
06:00–08:0036511354781471137198531
08:00–10:002201215335792111356835393318
10:00–12:003581253429582326334636473678
12:00–14:003334140135492364148625882420
14:00–16:001769165216413887270335412288
16:00–18:00915312115482770155715951034
18:00–20:003041448441803268424850383796
20:00–22:004624443950414117458746954243
22:00–24:002669292620102165297419452155

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