@geoblocks/elevation-profile

Interactive elevation profile component with segment support for trail visualization

Basic Single Line

A simple elevation profile showing a single line without any segment styling.

Multiple Lines (MultiLineString)

Elevation profile with multiple disconnected line segments (e.g., separated by a ferry or bus connection). The gap between segments is clearly visible.

Line with Surface Segments

Shows different surface types (paved, unpaved, stairs) along the elevation profile using the lineSegments property.

Surface Types
Paved
Unpaved
Stairs
Tunnel

Full Featured with Trail Bands

Complete example showing both surface segments and trail category bands below the x-axis using lineSegments and xAxisSegments.

Surface Types & Trail Categories
Paved
Unpaved
Above Ground
Wanderweg
Other