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$86.14
February 2026$58.19
March 2026$84.73
April 2026$52.48
May 2026$117.28
June 2026$71.15
July 2026$293.73
August 2026$73.41
September 2026$207.98
October 2026$324.36
November 2026$36.04
December 2026$151.64

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
€14,45€25,06€40,14€53,11€47,34€59,69€122,37€144,77€93,95€106,45€100,56€125,00

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:0011459622302259299422083700
02:00–04:00100761311016805855340
04:00–06:0011153211381445275731157
06:00–08:0096611071236877761406585
08:00–10:002866346427022678447129742097
10:00–12:003119439433542526277529873038
12:00–14:00360413265281373230920223513
14:00–16:00886258320393281270918131164
16:00–18:002295302432893116307424612086
18:00–20:004077380533444089553258303963
20:00–22:004358369737383948622545874301
22:00–24:001720189728671875243520501927

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