GraphUp Demo 2 · Bars

Here we've got some kind of earnings table. Since we're dealing with monetary values, the strip cleaner is used. We're also using a custom colorMap and, of course, the bars painter.

January 2026$95.18
February 2026$140.10
March 2026$127.65
April 2026$173.78
May 2026$150.60
June 2026$236.98
July 2026$181.69
August 2026$236.97
September 2026$173.73
October 2026$306.80
November 2026$174.92
December 2026$310.08

A similar table, but we're using vertical bars this time in combination with the greenPower color map. Also, since we're dealing with euros, the decimalPoint option has been set to a comma.

Jan 2026Feb 2026Mar 2026Apr 2026May 2026Jun 2026Jul 2026Aug 2026Sep 2026Oct 2026Nov 2026Dec 2026
€12,41€27,51€48,89€60,06€74,53€49,85€64,33€75,74€164,66€113,28€104,15€94,55

The table below uses the heatmap color map on bars that are horizontally centers by setting barsAlign to hcenter.

Monday Tuesday Wednesday Thursday Friday Saturday Sunday
00:00–02:00963128215119402436545160
02:00–04:0013778671127346427873667
04:00–06:00812593779411394466146
06:00–08:0037831811201230490395942
08:00–10:003537302333153370343630472370
10:00–12:004580331629322846349533753200
12:00–14:0083823061863640220327222504
14:00–16:002567155525302658273420021181
16:00–18:002270220613492115356115833876
18:00–20:003877426945614561543442483572
20:00–22:004985445243694368491548054200
22:00–24:001696392216402260172522792936

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