https://github.com/keithchev/cycling-viz

Brush-able line plots and histograms for GPS data
https://github.com/keithchev/cycling-viz

Last synced: 16 days ago
JSON representation

Brush-able line plots and histograms for GPS data

• Host: GitHub
• URL: https://github.com/keithchev/cycling-viz
• Owner: keithchev
• Archived: true
• Created: 2016-06-29T09:10:15.000Z (over 8 years ago)
• Default Branch: gh-pages
• Last Pushed: 2017-03-15T07:29:14.000Z (over 7 years ago)
• Last Synced: 2024-08-01T00:48:32.795Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 613 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
GPS Cycling data visualization

======================

By [Keith Cheveralls](http://kchev.org/) <[[email protected]](mailto:[email protected])>


May 2016


See the live version [here](https://keithchev.github.io/cycling-viz/cycling.html) or click below. 



## Introduction

This is a relatively simple interactive visualization of data collected from a GPS cycling computer during a single bike ride.

This data consists of a set of time series, each corresponding to the values of a particular cycling parameter over the course of the ride. These parameters include lat/lon position coordinates, speed, elevation, power output (measured using a power meter), pedaling cadence, and heart rate. 

The lat/lon coordinates are overlaid on OpenStreetMap tiles using Leaflet.js, while the remaining parameters are plotted against elapsed time using d3.js. These plots can be zoomed into by brushing on the topmost elevation plot. Finally, the two-dimensional distribution of all possible pairs of parameters are visualized in a series of scatterplots, also using d3.