Page cover

chart-areaElevation chart

Query and display the race elevation chart as a standalone component. Customize the interactive profile and control its appearance and behavior via URL parameters.

The interactive elevation chart for sports live tracking shows the real-time progress of all participants along the course. It visualizes the elevation profile, athlete positions, and highlights Points of Interest. It is similar to the elevation profile used in the event visualization, but can be customized through URL parameters to control its behavior and appearance.

The component can be embedded into web pages or integrated into third-party applications such as custom dashboards or video production workflows, providing a clear overview of the race and the current participant positions.

Endpoint

To access the elevation chart for a specific event, use the component’s dedicated URL. The URL follows the same structure as the player URL. For example, to view the 100km Duathlon, use the following link:

URL parameters

Customize the behavior and style of the elevation chart with URL parameters. Change the color, hide axes & grid, or filter the participants.

Name
Key
Type
Default

Select participants

selected

-

Select participants

selectedStartNumber

-

Progress

elevation.showProgress

false

Grid

elevation.showGrid

true

Axis

elevation.showAxis

true

POIs

elevation.showPOI

true

Last updated