WEATHER CLOCK
An interactive platform that visualises climate through as a system of balance and motion
SECTOR
MY ROLE
SKILLS
Interactive Media
Sustainable Design
Data Visualisation
Research & Concept Development
System Design (data classification & parametric formula)
Visual Language Development
UI Art Direction
Developer Collaboration via Figma
Figma/ Adobe Illustrator
PROJECT OVERVIEW
Weather Clock is an interactive data experience that explores how we might live in balance with nature.
The project began with a contradiction.
As climate change becomes a global concern, more and more design projects aim to "raise awareness." But even those efforts — videos, websites, exhibitions — consume energy and leave a footprint. I began to question: Can design ever truly be sustainable?
I wanted to explore how it might help us reflect, instead of using weather data to predict. This is a data visualisation system that transforms historical weather data into generative forms, expressing coexistence as well as information.
SECTOR
Interactive Media
Sustainable Design
Data Visualisation
MY ROLE
Research & Concept Development
System Design (data classification & parametric formula)
Visual Language Development
UI Art Direction
Developer Collaboration via Figma
SKILLS
Figma
Adobe Illustrator
THE BRIEF
How do we visualise climate?
The challenge was to build a system that practises sustainability in a meaningful way.
To design a platform that avoids persuasive messaging and instead invites users to consider the rhythms and patterns of weather through a more reflective experience.
FRAMING THE PROBLEM
While researching climate-related works, I encountered Olafur Eliasson's Ice Watch. It brought glacial ice to the city to help people “see” climate change. But transporting those massive ice blocks burned fuel and emitted carbon. That paradox stayed with me: If even climate art causes harm, then what kind of design is truly responsible?
This led me to reflect on how our relationship with nature has shifted — from being part of it to believing we rule over it. Religious and industrial ideologies reframed nature as something made for us, like a resource. I saw this perspective as one of the root causes of the climate crisis.
In the end, I chose coexistence as a framework for rethinking how we relate to nature.
RESPONSE
To express coexistence, the visual metaphor was pendulum art inspired harmonography, which is a system where multiple forces interact to create a balanced form.
Weather data from London (1979 to 2020), including temperature extremes, cloud cover, sunshine, radiation, precipitation, and pressure, was categorised into three groups: temperature, sun, and rain.
These were translated into parametric formulas to generate geometric visuals representing the weather conditions of each days.
The resulting shapes became the foundation for the design system and identity.
Data grouping
Digital harmonography
Harmonography experiment
The result is an interactive web platform that transforms daily weather data into abstract harmonic visuals.
Users can select any date between 1979 and 2020 to see the corresponding "weather shape", rendered in real time through custom formulas.
Instead of prompting action, the system creates a quiet space for reflection — on time, on the environment, and on what balance might mean.
A visualisation of the weather on 20 February 2002.
Generated in real time using harmonograph-based parametric formulas.
VISUAL IDENTITY
The logo typography was derived from the weather shape in data visualisation and harmonography, reflecting circulation and roundness to create an experience that feels organic and cohesive.
To align with sustainable design principles, the colour palette referenced early web design and the solar powered Low Tech Magazine, emphasising low energy visual language.
INTERFACE DESIGN
The interface was intentionally kept simple to minimise both cognitive and environmental load. It consists of three circular visual fields and three basic interaction buttons.
A data transfer indicator at the bottom of the site discloses the site's environmental footprint.
