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$59.35
February 2026$39.58
March 2026$58.35
April 2026$43.00
May 2026$92.91
June 2026$32.95
July 2026$343.34
August 2026$397.72
September 2026$272.50
October 2026$270.45
November 2026$33.76
December 2026$379.46

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
€9,84€21,50€26,19€52,77€78,53€42,87€117,96€136,88€78,42€153,17€111,23€128,63

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:003803319277272911691899797
02:00–04:0066341532910382163321084
04:00–06:0050640225347613751694543
06:00–08:00371296671965467585280
08:00–10:001764249835012162334538782479
10:00–12:003304269041482495368143492685
12:00–14:0013942301206799331572550631
14:00–16:00400426441664205319449413034
16:00–18:00378732207552636139217531991
18:00–20:003544348535043116582946433041
20:00–22:004620446349234620480451333904
22:00–24:002077229622401675245840371600

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