Notes

A then-and-now comparison for a canal restoration: a brand-flooded hero tile carries the headline figure with two bars drawn to scale, and a ruled table below gives every measure its 2016 figure, its 2026 figure, an arrow and a percentage chip under oversized year numerals. It is built from native Divs with the advanced grid layout; each row is a label block beside a four-column figures grid, so the columns line up at every width and the label moves above the figures from tablet portrait down. The 2016 bar is a Div with a percentage width (12.4% is 48,000 of 386,000), so change it with the figures, and work out each chip by hand. Keep the sources line: it is what makes the numbers believable.