Jon Dale

— Projects

Weather Clock

Mobile app to view weather around a clockface

Github repo
Web app (View on mobile)


Sometimes you just want to know when it's the best time to go for a run, or walk to get a coffee. I thought it'd be interesting to display the chance of rain (or sleet, snow etc) around a clockface so that at a glance you could choose the best moment to get outside.

At the time I wanted an excuse to teach myself Backbone and Grunt, so designed and built a web app using Backbone Marionette.


  • Javascript (backbone)
  • Sass / Grunt
  • Photoshop

First screen shows forecast and temperature on a clockface. Second screen shows chance of precipitation in "segments" by the hour, or minute view. Lastly, a 7 day outlook for the upcoming week.

View code on Github