HTML5 Byron IGC Visualizer
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
libs
logs
.jshintrc
.tern-project
LICENSE
README.md
ground-s.obj
index.html
parser.js
script.js
style.css
test.igc

README.md

byron-vis

This tool lets you show off or analyze your glider flights out of Byron airport. Just hit the link below and drag your *.igc file into the browser window. Everything is handled client side, if it doesn't work for you try a recent version of Google Chrome. I'm using ES6 which isn't supported well in all browsers, maybe send me a pull request for transpiling with babel?

Visualizer Link

License js-standard-style

Features

  • backend-less javascript, entire app runs on the client side
  • quickly parses even lengthier files
  • works pretty well on mobile

Controls

action dektop mobile
select point Click Tap
center point Double Click Double Tap
orbit camera Right Click Two Finger Drag
pan camera Right Click Three Finger Drag
zoom camera Mouse Scroll Pinch

Libraries/Tech

  • Written in ES6
  • THREE.js so I don't have to deal with WebGL
  • D3.js for 2d graphing
  • SunCalc for calculating solar position
  • Chroma for color manipulation and scales
  • JavaScript Standard style