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	1905	805	619	1436	1012	2221	2596
02:00–04:00	724	657	1496	729	1131	184	150
04:00–06:00	156	666	228	720	526	518	1490
06:00–08:00	825	260	2036	1163	990	705	418
08:00–10:00	2257	2414	2972	4969	3068	2995	3037
10:00–12:00	2760	1822	2949	2060	4065	3256	2699
12:00–14:00	2374	2994	2047	2752	938	701	3882
14:00–16:00	1501	1067	1094	1634	2284	2888	3498
16:00–18:00	3734	3399	1125	2219	2817	1787	2849
18:00–20:00	4408	3588	3597	3876	5237	4842	4332
20:00–22:00	4284	4788	4116	4704	5461	4587	4117
22:00–24:00	3986	1922	1930	1135	2665	3370	1972

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	3484	2733	748	3114	1752	1922	989
02:00–04:00	740	122	888	966	952	592	829
04:00–06:00	561	632	1445	661	1156	354	209
06:00–08:00	1675	951	274	1782	244	690	783
08:00–10:00	3698	3363	2208	3378	3464	2373	3531
10:00–12:00	2760	4261	2767	2823	4215	4204	2456
12:00–14:00	2527	3864	2038	2545	1895	2614	1112
14:00–16:00	1464	2164	1680	1610	1007	2754	3533
16:00–18:00	1818	1792	3263	3460	1123	2833	2477
18:00–20:00	3572	3307	3544	3648	5730	5631	4561
20:00–22:00	4186	3864	4099	4620	5897	5570	4060
22:00–24:00	2274	2418	3740	2387	3965	2242	3563

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