« view all projects

"Around The World" Animated Solution


Project Type: Webpage
Project Link: https://www.transvec.com/around-world/
Initial Release/Completion Date: October 2013
Technologies Used: HTML/CSS/JavaScript
Tags: Coursework/Academic Project

We were given a hypothetical problem in a problem solving class involving how to get a plane with limited fuel capacity 'around the world' non-stop supposing that it could work with 2 other planes allowed to ferry and transfer fuel mid-air en route.

Our team came up with a solution, but since the problem involves multiple events happening concurrently, we found it difficult to present our solution verbally. I wrote this little script using the canvas element and a free JavaScript charting library (Highcharts) to demonstrate visually and with animations exactly how our solution worked.