TCX Cycling Data Visualizer: Dual Axis Plot | roddornorn- road/offroad, outdoor/indoor running. Simply, r'n

A tool for uploading and analyzing cycling workouts. This widget extracts metrics like heart rate, speed, power, elevation from TCX files and plots these metrics (optionally, with dual y-axes to overlay different metrics in a single graph) across distance or total time of the ride.

Create interactive charts to visualize cycling performance, compare metrics—all processing happens on your device, so your workout data stays completely private and never leaves your computer.

Upload a .tcx file:

Select Metrics +

X axis: Choose the horizontal axis metric (Distance or Time).
Left Y axis: Primary metric to plot (required).
Right Y axis: Optional second metric with separate scale. Choose "None" to disable dual-axis mode.

X axis: Left Y axis: Right Y axis:

Value Cutoff +

Min/Max thresholds: Clamp metric values to a range. Values above max are reduced to max, values below min are increased to min. Leave empty for no cutoff.

Left Y Cutoff: Right Y Cutoff:

Moving Average Smoothing +

Purpose: Reduce noise in metrics by smoothing with a moving average. Window size ranges from minimum (20m or 5s) to 50% of total x-axis range.
How it works: For each point, the metric value is replaced with the average of all points within the window. Applied before binning.
Min window: 20 meters for distance metrics, 5 seconds for time metrics. Set window to 0 to disable smoothing.

X-axis Smoothing Window (0 = no smoothing):

Data Binning +

Purpose: Reduce data point density to reveal trends (useful for long workouts).
X-axis binning: Divides the x-range into equal segments and aggregates points within each segment. Choose "Step" for discrete intervals or "Midpoint-to-Midpoint" for smooth trend visualization.
Y-axis binning: Compresses the y-value range into discrete levels. Points are clamped to nearest level (preserves x-positions).
Aggregation method: Mean (average), Median (middle value, robust to outliers), or Mode (most frequent value).
Set slider/input to 0 to disable binning for that axis.

X-axis Binning (0 = no binning):

Left Y-axis Binning (0 = no binning):

Right Y-axis Binning (0 = no binning):

Summary +

Workout metrics after all transformations:
- Total distance: sum of x-axis distance values
- Total moving time: sum of time intervals with speed > 0
- Total elapsed time: difference between max and min time values
- Mean metrics: average of selected Y-axis metric(s) after all transformations (cutoff, smoothing, binning)
- Average speed: calculated directly from total distance divided by total elapsed or moving time, to minimize measurement error.