Single-File Analyzer

Simple GPX Viewer

A browser-only GPX analyzer that loads private activity files, projects routes, charts elevation and speed, segments motion, and exports JSON.

HTML
CSS
JavaScript
Canvas
GPX
Live Code: Single-file HTML
Screenshot of Simple GPX Viewer

Employer signal

What This Project Shows

This project shows how much can be done in a single-file tool when the workflow is well understood: parse, compute, visualize, inspect, and export.

Problem

What Needed To Be Solved

Raw GPX XML is hard to audit manually, while many mapping tools require uploading sensitive location history. A local viewer gives faster inspection and better privacy.

Approach

How I Built The Solution

I built the viewer around client-side file input. The parser extracts tracks, routes, waypoints, timestamps, elevation, and metadata, then the analysis layer computes distance, speed, moving time, stopped time, and elevation behavior.

Outcome

What It Demonstrates

The project demonstrates practical parsing, mathematical modeling, and frontend tooling around real user data.

Evidence From Source

Source signal

The single HTML file contains `parseGPX`, `analyzeGPX`, `haversine`, playback controls, chart hover behavior, and JSON export.

Design value

The app keeps private files local and still provides the analysis surfaces normally expected from a larger web service.