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$93.84
February 2026$93.92
March 2026$89.35
April 2026$175.34
May 2026$103.40
June 2026$129.48
July 2026$37.19
August 2026$135.64
September 2026$250.82
October 2026$345.02
November 2026$362.54
December 2026$363.56

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
€8,09€34,17€28,20€62,28€40,76€64,21€93,58€136,23€84,84€138,68€93,64€112,63

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:001126765138659719751485767
02:00–04:0057748861274956395375
04:00–06:002195927141315245946299
06:00–08:00626352391658929535741
08:00–10:002486366528902578332231452105
10:00–12:004041262525412680350740062942
12:00–14:00144123497341858117633722500
14:00–16:002654200115241203107117451580
16:00–18:002685104712551858299813432965
18:00–20:004190343334424201533643484613
20:00–22:004940344536044101491462254872
22:00–24:003756227328733436188627931320

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