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$120.20
February 2026$97.70
March 2026$94.96
April 2026$74.12
May 2026$235.57
June 2026$228.87
July 2026$252.10
August 2026$387.93
September 2026$382.92
October 2026$383.60
November 2026$190.08
December 2026$216.41

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
€17,55€17,19€42,06€52,88€92,45€63,23€96,89€93,17€147,37€145,88€79,51€161,41

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:002941185115665725564402576
02:00–04:00754948114110916122031882
04:00–06:00556782725590710970214
06:00–08:001161595147712958816191300
08:00–10:004295340225501972294528562712
10:00–12:003355313830542020339130354027
12:00–14:003488278241912381135810893033
14:00–16:002897288720111378166135492728
16:00–18:003431186025502510283127631010
18:00–20:004408447144844450464356313306
20:00–22:005041361350863793578760064956
22:00–24:001777215215941817211018551620

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