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:001836287317801419128322722474
02:00–04:00165592819109412991031783
04:00–06:005151831972415584118609
06:00–08:0018591068196462451131535
08:00–10:001939284348043282276125843627
10:00–12:002308296921462972286033443250
12:00–14:002477177835273849152411362756
14:00–16:0089133221905937247920032256
16:00–18:002033221730233040419937392470
18:00–20:003572440935734409573049404463
20:00–22:003632470444534200557058964116
22:00–24:002895164416532898217915042747

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:002352196824271056281887468
02:00–04:002621572108646984131206
04:00–06:007328770213101119375230
06:00–08:0073447763464810922701178
08:00–10:001627308636174030275531331995
10:00–12:002450271942662968351038722216
12:00–14:00685134238411076108641571225
14:00–16:0014068582493725179321422179
16:00–18:003029172223833817208122253896
18:00–20:004198445743153803474347424164
20:00–22:004872453634444354524148054056
22:00–24:001566289825391437195334142199

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