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$87.94
February 2026$72.19
March 2026$141.77
April 2026$47.85
May 2026$160.29
June 2026$79.50
July 2026$208.33
August 2026$34.09
September 2026$232.07
October 2026$58.99
November 2026$230.03
December 2026$110.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,09€36,14€50,62€52,50€94,98€55,33€122,61€121,24€129,20€128,05€85,58€138,69

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:00224826175201420194321331234
02:00–04:002471755147912124321785428
04:00–06:0021880214075105267471270
06:00–08:00156139711925111657581131
08:00–10:002165358422173081353134183038
10:00–12:002756336637842746423832183733
12:00–14:001057171512363135246211862661
14:00–16:001479328928231176321623871838
16:00–18:00337772419662584119022552749
18:00–20:003800433339633041523743484180
20:00–22:004574463842854260578845874499
22:00–24:001963169115622064187927162019

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