veritree widgets — QA harness

Covers <veritree-trees-ordered> (every size/orientation/variant/theme) and <veritree-contextualization> (all three types and the main attribute permutations). Use the controls below to change the organization ID on all widgets at once, or to clear it.

Controls

Known example IDs: Bunq = 260, Ecosia = 409

Map widget

QA against org 260 (Bunq) and 409 (Ecosia). Replace REPLACE_ME in the mapbox-token attribute below with a real Mapbox public token locally before opening this page — do not commit a real token.

org-id=260 · height=600

Small — horizontal

solid · light
solid · dark
bicolor · light
bicolor · dark

Small — vertical

solid · light
solid · dark
bicolor · light
bicolor · dark

Large — horizontal

solid · light
solid · dark
bicolor · light
bicolor · dark

Large — vertical

solid · light
solid · dark
bicolor · light
bicolor · dark

Contextualization — three types (default images)

stat=land
stat=trees · planting-hours
stat=carbon

Contextualization — food-security type

stat=food-security · light
stat=food-security · dark
stat=food-security · system

Contextualization — attribute permutations

image override
color overrides · legacy type=workdays
custom icon URL

Contextualization — dark theme

stat=land · dark
stat=trees · planting-hours · dark
stat=carbon · dark

Contextualization — error states

missing org-id
missing stat
invalid stat