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$90.23
February 2026$115.52
March 2026$143.57
April 2026$79.83
May 2026$134.81
June 2026$131.88
July 2026$290.28
August 2026$187.39
September 2026$353.75
October 2026$30.48
November 2026$302.51
December 2026$134.66

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,61€25,76€46,12€64,63€48,39€105,92€119,23€126,10€91,39€78,47€130,48€143,60

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:00636256629241891242623321229
02:00–04:0018463261772831558583943
04:00–06:006071192351327637342788
06:00–08:001251505276480388255718
08:00–10:002674186841892732210322491905
10:00–12:002290240230033150343428533018
12:00–14:002769203717741764239621182278
14:00–16:001530351629842395337040122042
16:00–18:001931404022601088279038412598
18:00–20:004027340144854396563145453474
20:00–22:003949436949574117524262244957
22:00–24:002479311114692876238116162118

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