.q2w-grad

Legend

Categorical, sequential, diverging, line, and point-symbol legends for thematic WebGIS maps.

Variants

Categorical swatches

Land use
Residential
Commercial
Green space
<div class="q2w-legend-row">
  <span class="q2w-legend-swatch"></span> Residential
</div>

Sequential gradient

NIR value
LowHigh
<div class="q2w-grad"></div>
<div class="q2w-grad__labels"><span>Low</span><span>High</span></div>

Diverging scale

Change index
-0+
<div class="q2w-grad" style="background:linear-gradient(90deg,var(--q2w-div-1),var(--q2w-div-3),var(--q2w-div-5));"></div>

Point and line symbols

Infrastructure
Survey point
Primary road
Drainage
<span class="q2w-legend-dot"></span>
<span class="q2w-legend-line"></span>
← Layer Popup →