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$138.41
February 2026$77.99
March 2026$146.82
April 2026$129.77
May 2026$169.42
June 2026$273.49
July 2026$225.01
August 2026$317.36
September 2026$307.84
October 2026$229.28
November 2026$170.46
December 2026$77.50

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
€8,18€29,15€49,18€28,14€75,16€106,55€82,48€85,90€71,41€145,34€140,73€113,31

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:001392151641263692244110681351
02:00–04:00100912662284374594191658
04:00–06:00634206141486514486629
06:00–08:00117643915013745733191029
08:00–10:004523305720571960254236952935
10:00–12:002876309818663621314632612693
12:00–14:001916183326661261264427601183
14:00–16:00206326904068918167827861429
16:00–18:001176216835151494291932353103
18:00–20:003876408743334075533651374263
20:00–22:004368336637194032622457873697
22:00–24:001692245630814459153438133171

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