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$131.08
February 2026$101.98
March 2026$107.31
April 2026$83.35
May 2026$190.09
June 2026$69.71
July 2026$197.79
August 2026$105.76
September 2026$84.43
October 2026$388.95
November 2026$323.69
December 2026$385.13

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
€10,46€27,59€29,32€70,56€86,22€58,57€94,22€60,06€99,17€149,68€118,77€100,22

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:00148618603495114525519832225
02:00–04:00851581601246218193118
04:00–06:001237119586617855912791264
06:00–08:008952053086941185601789
08:00–10:003509233540342427243429642119
10:00–12:002113326234644607347032042796
12:00–14:00220424042072257784123334056
14:00–16:00185471614441068213835902464
16:00–18:001494284115313337193812792747
18:00–20:003952398731923577523639534680
20:00–22:004872470444535041557057884268
22:00–24:001808157623281660204122692577

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