Rith. Projects. Etc.

Digital. Computational. Spatial. Visual.

😬 Hi, I'm Rith!
(Panharith Ean)

currently@ Bluecadet,
previously@ Harvard, OMA, Studio Z, Khôra

Say hi!

(something like this,
in a nine-square grid)



  Web Development   I’ll See You in the Sky is a web-based application that simulates the color of the sky base on your location (city's name) input. The base color is generated by the current time of the location and is saturated by the warm or cool tone based on the location temperature. The location’s weather conditions (rain, snow, cloudy, drizzle, thunderstorm) will further saturate the base color. The directional wind angle determines the angle of the gradient The data is constantly updated using OpenWeather’s API.

I’ll See You in the Sky is a quiet little corner on the Interweb, where you can choose where to go, watch the color of the sky changes, and just breathe.

Beta version







I’ll See You in the Sky is a web-base application that simulates the color of the sky base on your input location. The data is constantly updated using OpenWeather’s API to generated multi-layers color. I’ll See You in the Sky aims to create a quiet little corner on the Interweb, where you can choose where to go, watch the color of the sky changes, and just breathe.

Beta version









How do you paint the sky with data? 1. Input City Location - Base Color
When entering the city's name into the input field, it prompts the API for the current weather information of that city and retuns the following data:
{"coord":{"lon":-0.13,"lat":51.51},"weather": [{"id":300,"main":"Drizzle","description":"light intensity drizzle","icon":"09d"}], "base":"stations","main":{"temp":280.32,"pressure":1012,"humidity":81,"temp_min":279.15, "temp_max":281.15},"visibility":10000,"wind":{"speed":4.1,"deg":80},"clouds":{"all":90},"dt": 1485789600,"sys":{"type":1,"id":5091,"message":0.0103,"country":"GB","sunrise":1485762037,"sunset": 1485794875},"id":2643743,"name":"London","cod":200}
The latitude and longitude coordination data.coord.lat, data.coord.lon from the API is used to identify the timezone of the current city. The base color is generated by the current time of the location, 00 - 23 hour, each one having a unique gradient color.

2. Weather Condition - Secondary Color
The weather coditions: rain, snow, cloudy, drizzle, thunderstorm, sunny, extracted from the condition id code val.main and val.id , determine the brightness and dimness that is overlayed on the base color. For exmaple, bright-white during snow to dark-grey during thunderstorms.











3. Temperature - Tertiary Color
The current temperature data.main.temp determines the hue in the spectrum from warm to cool tone.

4. Wind Angle
Lastly, the wind angle data.wind.deg determines the angle of the color gradient.


















Back to top