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$117.80
February 2026$39.86
March 2026$144.45
April 2026$191.26
May 2026$215.41
June 2026$125.92
July 2026$269.84
August 2026$352.83
September 2026$371.97
October 2026$155.82
November 2026$80.84
December 2026$47.17

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
€15,12€32,30€33,49€56,74€81,26€54,55€120,35€147,95€126,11€93,28€118,55€115,03

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:0018191080354825390034833973
02:00–04:00628918780524586271459
04:00–06:006948771552191194430824
06:00–08:0042747612604037941279525
08:00–10:003945342941531597349224092622
10:00–12:003306262730974556334328294042
12:00–14:001815229710412654166623011637
14:00–16:002208182538811648237913772111
16:00–18:00305934401172315122331420982
18:00–20:003451363541633649484257304560
20:00–22:004536445940545180600764435041
22:00–24:001479147333261836179520142697

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