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:00	3814	2127	2257	654	1762	1403	3138
02:00–04:00	1125	545	547	581	1724	581	96
04:00–06:00	278	496	714	625	184	1066	1026
06:00–08:00	921	378	1322	1067	307	1331	351
08:00–10:00	2261	2640	2933	3858	2597	3165	2071
10:00–12:00	4217	2765	3311	2584	3804	2918	3317
12:00–14:00	1295	3300	4044	1975	3492	2223	1995
14:00–16:00	3235	2808	981	2904	1293	2376	1003
16:00–18:00	3727	2712	2112	3818	2050	3206	1332
18:00–20:00	4107	4525	3192	3340	5928	4248	4409
20:00–22:00	4368	5254	4873	4788	5679	6443	3574
22:00–24:00	2919	2125	1204	1786	2636	2392	2661

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:00	700	929	987	866	3551	3316	2324
02:00–04:00	418	1779	596	275	456	830	351
04:00–06:00	330	313	532	1038	132	666	932
06:00–08:00	242	213	1068	436	306	340	856
08:00–10:00	4739	2698	2253	3351	2548	3280	2268
10:00–12:00	2755	2249	3135	2770	3207	4151	3768
12:00–14:00	1605	2012	3128	927	2143	1049	1327
14:00–16:00	1639	1075	773	1763	1337	2901	917
16:00–18:00	3166	1398	1382	2870	1709	2914	1005
18:00–20:00	3727	4485	4552	4256	4050	5632	4199
20:00–22:00	4015	3694	3670	3651	5132	4586	4375
22:00–24:00	2783	1700	3345	1191	1948	2509	3663

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