---
title: Файли та статистика
---

<script lang="ts">
    import { ChartNoAxesColumn } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import ElevationProfile from '$lib/components/elevation-profile/ElevationProfile.svelte';
    import GPXStatistics from '$lib/components/GPXStatistics.svelte';
    import { exampleGPXFile } from '$lib/assets/example';
    import { writable } from 'svelte/store';

    let gpxStatistics = writable(exampleGPXFile.getStatistics());
    let slicedGPXStatistics = writable(undefined);
    let hoveredPoint = writable(null);
    let additionalDatasets = writable(['speed', 'atemp']);
    let elevationFill = writable(undefined);
</script>

# { title }

## Список файлів

Після того як ви [відкриєте](./menu/file) файли, вони будуть показуватися у вигляді вкладок у списку файлів, розташованому внизу карти.
Ви можете змінити їх порядок, перетягуючи вкладки.
А коли відкрито багато файлів, ви можете прокручувати список вкладок, щоб переходити між ними.

<DocsNote>

Під час роботи з мишею для горизонтальної прокрутки потрібно утримувати клавіші <kbd>Shift</kbd>.

</DocsNote>

### Вибір файлу

Натиснувши на вкладку, ви можете перемикатися між файлами, щоб переглянути їхні статистичні дані, а також застосовувати до них [дії редагування](./menu/edit) та [інструменти](./toolbar).
Утримуючи клавішу <kbd>Ctrl/Cmd</kbd>, ви можете додавати файли до виділення або видаляти їх, а утримуючи клавішу <kbd>Shift</kbd>, ви можете виділити діапазон файлів.
Більшість [операцій редагування](./menu/edit) та [інструментів](./toolbar) можна застосовувати одразу до декількох файлів.

<DocsNote>

Ви також можете переходити між файлами за допомогою клавіш зі стрілками на клавіатурі, а також натискати <kbd>Shift</kbd>, щоб додати файли до виділення.

</DocsNote>

### Редагувати дії

Клацнувши правою кнопкою миші на вкладці файлу, ви отримаєте доступ до тих самих дій, що й у [меню редагування](./menu/edit).

### Структура дерева

Як зазначено в [розділі налаштувань перегляду](./menu/view), ви можете перейти до деревоподібного показу списку файлів.
Ця схема ідеально підходить для роботи з великою кількістю відкритих файлів, оскільки вони розміщуються у вигляді вертикального списку в правій частині екрана.
Крім того, у дереві файлів можна переглядати [треки, сегменти та цікаві місця](./gpx), що містяться у файлах, за допомогою розгортальних розділів.

Ви також можете застосовувати [дії редагування](./menu/edit) та [інструменти](./toolbar) до елементів внутрішніх файлів.
Furthermore, you can drag and drop the inner items to reorder them, or move them in the hierarchy or even to another file.

<DocsNote>

The size of the file list can be adjusted by dragging the separator between the map and the file list.

</DocsNote>

## Elevation profile and statistics

At the bottom of the interface, you can find the elevation profile and statistics for the current selection.

<DocsNote>

The size of the elevation profile can be adjusted by dragging the separator between the map and the elevation profile.

</DocsNote>

### Interactive statistics

When hovering over the elevation profile, a tooltip will show statistics at the cursor position.

To get the statistics for a specific section of the elevation profile, you can drag a selection rectangle on the profile.
Click on the profile to reset the selection.

You can also use the mouse wheel to zoom in and out on the elevation profile, and move left and right by dragging the profile while holding the <kbd>Shift</kbd> key.

<div class="h-48 w-full">
    <ElevationProfile
        {gpxStatistics}
        {slicedGPXStatistics}
        {hoveredPoint}
        {additionalDatasets}
        {elevationFill}
    />
</div>
<div class="flex flex-col items-center w-full">
    <GPXStatistics
        {gpxStatistics}
        {slicedGPXStatistics}
        orientation={'horizontal'}
    />
</div>

### Additional data

Using the <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> button at the bottom-right of the elevation profile, you can optionally color the elevation profile by:

- **slope** information computed from the elevation data, or
- **surface** or **category** data coming from <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> and <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a> tags.
  This is only available for files created with **gpx.studio**.

If your selection includes it, you can also visualize: **speed**, **heart rate**, **cadence**, **temperature** and **power** data on the elevation profile.