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)

type=land
type=workdays
type=carbon

Contextualization — food-security type

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

Contextualization — attribute permutations

image override
color overrides
custom icon URL

Contextualization — dark theme

type=land · dark
type=workdays · dark
type=carbon · dark

Contextualization — error states

missing org-id
missing type
invalid type