Skip to content

Internal utility

Footer band preview

Each block repeats the full site footer with a different composited 10px band (full page width). Segment order uses card-strip ids (e.g. choropleth-a). Regenerate with npm run generate:footer-band-preview. Production band: npm run generate:footer-band.

band-a Production - aerial fade + streetmap e

choropleth-a → over(aerial-b→seg0) → heatmap-b → heatmap-d → streetmap-e → contour-c

Overlap 22%

band-b Alt strips - aerial fade, aerial tail

choropleth-b → over(aerial-c→seg0) → heatmap-c → streetmap-e → contour-b → aerial-c

Overlap 22%

band-c Tight blend - aerial fade + streetmap e

choropleth-a → over(aerial-b→seg0) → heatmap-b → aerial-b → streetmap-e → contour-c

Overlap 16%

band-d Wide blend - aerial fade + streetmap e

choropleth-a → over(aerial-b→seg0) → heatmap-b → aerial-b → streetmap-e → contour-c

Overlap 30%

band-e Extended - streetmap e

choropleth-a → heatmap-b → heatmap-d → aerial-b → streetmap-e → contour-c → contour-a

Overlap 20%

band-f Cartographic opener - aerial fade + streetmap e

cartographic-b → over(aerial-b→seg0) → choropleth-c → heatmap-b → aerial-b → streetmap-e → contour-c

Overlap 28%

band-g Warm palette - choropleth first, aerial fade

choropleth-a → over(aerial-b→seg0) → heatmap-c → heatmap-d → contour-c

Overlap 22%

band-h Warm palette - cartographic c + contour a

choropleth-a → over(aerial-b→seg0) → heatmap-b → heatmap-d → cartographic-c → contour-a

Overlap 22%

band-i Warm palette reversed - cartographic c + contour a

contour-a → cartographic-c → heatmap-d → heatmap-b → choropleth-a → over(aerial-b→seg4)

Overlap 22%

band-j Reverse - contour → streetmap e → choropleth

contour-c → streetmap-e → aerial-b → heatmap-b → choropleth-a

Overlap 22%

band-k Reverse - contour → streetmap e → choropleth b

contour-c → streetmap-e → aerial-b → heatmap-b → choropleth-b

Overlap 22%

band-l Aerial + blocks tail (reversed)

contour-d → blocks-a → aerial-d → aerial-a → heatmap-b → choropleth-a

Overlap 32%