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	2874	1165	2248	2639	274	1123	76
02:00–04:00	1381	640	198	764	1049	430	658
04:00–06:00	614	1962	787	283	1724	343	324
06:00–08:00	646	1184	207	1155	436	624	779
08:00–10:00	2146	2613	2945	2586	2153	2806	2185
10:00–12:00	3347	2720	2259	2560	4379	3032	2392
12:00–14:00	1026	2344	969	1676	3026	3926	1765
14:00–16:00	993	2002	2567	1978	1060	1386	3043
16:00–18:00	1437	2827	3591	2579	2710	3206	1448
18:00–20:00	4217	4104	3887	3150	5435	5137	3611
20:00–22:00	3864	4930	3948	4032	5024	4369	5040
22:00–24:00	2407	1659	2721	2510	1979	2764	2412

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	3511	2679	2672	662	766	2468	2701
02:00–04:00	254	589	710	1535	786	633	242
04:00–06:00	720	1458	174	1111	202	525	134
06:00–08:00	87	377	390	682	703	452	798
08:00–10:00	4783	1889	2123	2687	2685	2751	3113
10:00–12:00	2892	3662	3275	2777	2570	3686	2746
12:00–14:00	1480	1139	2174	879	3058	2504	1083
14:00–16:00	887	2088	761	1576	1444	1776	3560
16:00–18:00	3208	2776	2977	1749	2559	2445	3056
18:00–20:00	3525	3117	4752	3953	4347	4643	3496
20:00–22:00	4789	4537	3360	3685	6006	5896	4452
22:00–24:00	3972	4125	3199	2230	1297	2012	1669

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