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$39.50
February 2026$99.31
March 2026$70.39
April 2026$76.40
May 2026$216.99
June 2026$282.91
July 2026$178.87
August 2026$323.91
September 2026$358.34
October 2026$106.86
November 2026$158.54
December 2026$33.48

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
€7,83€23,54€52,34€31,46€70,40€76,32€60,22€136,36€66,99€77,83€124,44€103,89

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:003416258214832757343027532059
02:00–04:00785155262861580633146
04:00–06:003871222764434573861427
06:00–08:008012544284499411312589
08:00–10:002768253425633065294223512500
10:00–12:004069412441152085311331073363
12:00–14:003221105327992699151334023843
14:00–16:003781234430912457289614562159
16:00–18:001319177229312158160122281597
18:00–20:003863363145604561513841503725
20:00–22:004537445344524872436865525041
22:00–24:003485321317171430164021673952

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