ISS Tracker Experiment With D3.js

D3.js is an awesome tool for data visualisation. If you haven’t heard of it before D3 is described as:
a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
In keeping with my current space / astronomy obsession, today I created an experimental page which tracks the position of the International Space Station around the globe. It really didn’t take long to get to grips with D3 and it’s pretty rewarding to play around with. My ISS tracker experiment uses D3.js projections, some mental topology and a bit of jQuery to visulise data from this REST API. The red dot updates every second or so to show the current position of the ISS against a flat map of earth, and a globe representation. Australia looks a bit warped on the globe but for a quick experiment, I’m pretty happy with the result. Check it out here (desktop only). Repository is available on BitBucket.