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$75.20
February 2026$84.29
March 2026$53.66
April 2026$187.14
May 2026$233.48
June 2026$287.10
July 2026$52.79
August 2026$350.47
September 2026$80.83
October 2026$214.66
November 2026$213.54
December 2026$346.76

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
€13,62€15,75€45,41€56,80€95,56€57,52€125,06€93,74€139,15€101,23€150,69€128,99

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:001174219132837720351402878
02:00–04:001144662293171945367385
04:00–06:008892447417118401218464
06:00–08:00418218541597265400247
08:00–10:003047231025333776401629153840
10:00–12:002378252323323769331734513948
12:00–14:003797926314129061537807675
14:00–16:001688235821061080143610911886
16:00–18:002150388522272994272723272571
18:00–20:003725433244854353563251374820
20:00–22:003612415246213865557058974621
22:00–24:001735236919461531203924512293

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