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:009277163387760191325363072
02:00–04:002264667167814551211187
04:00–06:00183256529243212393051400
06:00–08:001338711261839736698375
08:00–10:001831224820802432238627631773
10:00–12:002678368028152941265542122785
12:00–14:00176336072185170611202697815
14:00–16:00313328011485116021202276858
16:00–18:00142930133058856296513201460
18:00–20:003673395340283270553258293721
20:00–22:004872480941844704589648044438
22:00–24:003827239422702915187925261738

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:003470180696494712346680
02:00–04:004881156979595889910466
04:00–06:0080538071593732611831026
06:00–08:0044281678118421021263137
08:00–10:002203208023162207297242132666
10:00–12:002507214428783436314133522514
12:00–14:00322424131143212314518021448
14:00–16:001571156726791405145916092353
16:00–18:00292233799453143283715631680
18:00–20:004484433245573605474249414180
20:00–22:004621436942854032502364434452
22:00–24:001788123225202397338428523615

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