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:00196017427571971385418891954
02:00–04:006906708198252761214203
04:00–06:009083555841678914303423
06:00–08:00590857752294291366587
08:00–10:002103288919082386322829962896
10:00–12:002443234934802523246139134173
12:00–14:00190612491260270577318161645
14:00–16:0013246929742166243034433071
16:00–18:002701205617811253159416001781
18:00–20:004028410433344162533651374335
20:00–22:004085395639494873458754605041
22:00–24:001315391818163599376820401675

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:001622045112321281717263423
02:00–04:008901412479314965548770
04:00–06:001026667326168302161465
06:00–08:007146453472305573561379
08:00–10:003177253437842861305331832403
10:00–12:002088295026132844268937062753
12:00–14:00189116271756218314291154794
14:00–16:001539194124252312277011891169
16:00–18:00141016254602208194227111715
18:00–20:004484354345613572543448423421
20:00–22:003949389440813613556948043865
22:00–24:002187173623312303323628901690

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