# Elevation chart

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](https://docs.racemap.com/map#elevation), but can be customized through URL parameters to control its behavior and appearance.

The component can be [embedded into web pages](https://docs.racemap.com/live-tracking/iframe) 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:

{% hint style="info" %}
<https://racemap.com/elevation-chart/100KmDuathlon2018/>&#x20;

You can also use the `eventId` of your event:

<https://racemap.com/elevation-chart/61a2055b10cacc0001302283/>
{% endhint %}

#### URL parameters

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

{% hint style="info" %}
[https://racemap.com/elevation-chart/100KmDuathlon2018/<mark style="color:$danger;">**#**</mark>selected=632c5f966d78779bc8e66ac6<mark style="color:$danger;">**&**</mark>color=aabbaa<mark style="color:$danger;">**&**</mark>elevation.showProgress=true](https://racemap.com/elevation-chart/100KmDuathlon2018/#selected=632c5f966d78779bc8e66ac6\&color=aabbaa\&elevation.showProgress=true)
{% endhint %}

<table><thead><tr><th>Name</th><th width="213.5">Key</th><th width="220.666748046875">Type</th><th>Default</th></tr></thead><tbody><tr><td>Color</td><td><code>color</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#color=aabcd4">hex color (without #)</a></td><td>36739a</td></tr><tr><td>Select participants</td><td><code>selected</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#selected=632c5f966d78774197e66cd9">id</a></td><td>-</td></tr><tr><td>Select participants</td><td><code>selectedStartNumber</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#selectedStartNumber=043">bib</a></td><td>-</td></tr><tr><td>Progress</td><td><code>elevation.showProgress</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#selected=632c5f966d78774197e66cd9&#x26;elevation.showProgress=true">boolean</a></td><td>false</td></tr><tr><td>Grid</td><td><code>elevation.showGrid</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#elevation.showGrid=false">boolean</a></td><td>true</td></tr><tr><td>Axis</td><td><code>elevation.showAxis</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#elevation.showAxis=false">boolean</a></td><td>true</td></tr><tr><td>POIs</td><td><code>elevation.showPOI</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#elevation.showPOI=false">boolean</a></td><td>true</td></tr><tr><td>Time</td><td><code>time</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#time=2018-05-05T09:46:35Z">ISO datetime</a></td><td>-</td></tr><tr><td>Filter</td><td><code>filter</code></td><td><a href="https://racemap.com/elevation-chart/100KmDuathlon2018/#filter=Status:DSQ">tag class:tag value</a></td><td>-</td></tr></tbody></table>
