A simple experiment using AngularJS, various APIs, and CSS3.
27 |Source code available on Github.
28 |32 | 33 |
34 | 35 |{{ main.kelvinToCelcius(main.dataCurrent.main.temp) }} °C
39 |{{ main.dataCurrent.weather[0].description }}
40 |▲ {{ main.kelvinToCelcius(main.dataDaily.list[0].temp.max) }} °C / ▼ {{ main.kelvinToCelcius(main.dataDaily.list[0].temp.min) }} °C
41 |Wind speed: {{ main.dataCurrent.wind.speed }} m/s
55 |Humidity: {{ main.dataCurrent.main.humidity }}%
56 |Sunrise: {{ main.dataCurrent.sys.sunrise * 1000 | date : 'shortTime' }}
60 |Sunset: {{ main.dataCurrent.sys.sunset * 1000 | date : 'shortTime' }}
61 |Coordinates: [{{ main.lat }}, {{ main.lon }}]
68 | 69 |