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:0020712341394390076517261224
02:00–04:0021458603917221835320422
04:00–06:001881046103118467291482745
06:00–08:00311955241849844686387
08:00–10:003513209328024244271131462072
10:00–12:001991237628622779308629792709
12:00–14:002004170122891434283329453861
14:00–16:002047183711912288141728512769
16:00–18:001924212638411160221820871220
18:00–20:004485380041164332494142474130
20:00–22:004620428436963687458761153879
22:00–24:002610275836213416266335721108

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:0038974228710161248226520
02:00–04:002503184136811441190221
04:00–06:009333575115742144281395
06:00–08:0027145937438785012951724
08:00–10:002242281523761907354328202241
10:00–12:003023229722362955370631042641
12:00–14:00136420949072189293225072437
14:00–16:001392266235663186199812862518
16:00–18:003034215015812330362412582204
18:00–20:003817433333453662523748424631
20:00–22:004171396539493976458762254821
22:00–24:003192257813663842218024922936

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