Area symbology
An area symbol steps its hatch fill through the angles of a symbol set while the polygon outline and an angle gauge hold the reading.
CSS
Cartography
15 animationsCurved baseline
Glyph stems of a label leave the straight baseline and set themselves onto a curved feature, each turning to its own tangent.
CSSFeature displacement
Two linear features too close to separate at map scale are pushed apart to stay legible, the gap opening and closing between them.
CSSGrid reference
An index grid over a sheet lights one reference cell while the margin letter and number rules that address it extend to meet it.
CSSLabel candidates
Eight candidate label positions ring a point symbol and a selector tests each in turn until one is accepted and the rest fade back.
CSSLabel collision
Two label boxes drift along a shared baseline until their boxes overlap, and the lower-priority label is dropped until the conflict clears.
CSSLabel halo
A label rule crosses a field of linework and a halo knockout opens around it, cutting the strokes away so the lettering stays legible.
CSSLeader line
A label crowded against its point symbol is pushed clear on an extending leader line, then drawn back in when the space reopens.
CSSLegend build
A legend column assembles row by row, each key swatch taking its place in the value ramp before the whole block settles.
CSSLine generalisation
A densely vertexed polyline sheds vertices as a simplification tolerance band widens, the generalised line straightening across the discarded points.
CSSLocator inset
A small inset frame carries an extent rectangle that tracks the main map frame as its contents pan across the neat line.
CSSNorth arrow
A compass rose needle swings off true north through a declination arc and settles back onto grid north.
CSSPoint thinning
A dense field of point markers thins to the highest-ranked few as the scale coarsens, then refills as detail returns.
CSSScale bar
A segmented bar scale redivides as the map steps through zoom levels, its alternating blocks and tick rule resolving to a new interval each step.
CSSTile pyramid
Three stacked subdivision levels of a tile scheme sit one above the other and the addressed tile descends from the coarse level to the fine.
CSS