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$57.28
February 2026$60.61
March 2026$87.52
April 2026$84.04
May 2026$128.95
June 2026$242.60
July 2026$50.36
August 2026$141.37
September 2026$370.47
October 2026$207.21
November 2026$189.77
December 2026$170.28

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,18€29,68€32,47€37,05€65,49€109,05€116,22€117,10€79,53€155,96€88,74€163,80

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:00662103998028756021221636
02:00–04:00599237661309899515610
04:00–06:00233610568231687328351
06:00–08:0011032125108917793021366415
08:00–10:003134280223253862245332212231
10:00–12:002941194125763534336433853327
12:00–14:001138195312901267105822371082
14:00–16:001645202914381697164913153289
16:00–18:0096622757733284359836731058
18:00–20:003397404040463250484150393648
20:00–22:004033445348733781546043684368
22:00–24:003498254819571960199129682093

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