A system which takes live weather data of designated city and generates corresponding model upon request.

一个从数据库中获取指定城市实时天气数据并生成相应模型的系统。

Visual Weather

可视天气

△ Type in name of a city in English and click the search button to generate its visuals.
△ 用英文输入国外城市名,以拼音输入国内城市名,然后点击搜索按钮生成相应模型。

Format: data-driven webpage (live)
Scope: generative art, glitch art, data visualisation
Language and Library: HTML, CSS, JavaScript, three.js
Year: 2019
Type: independent project
This model fetches the live weather data of designated city and transform those into aspects of the visuals. It means to give an intuitive interpretation of the weather visually and somewhat bridging other senses with sight.
Wind data determins the movement of colour spots. Humidity, clouds and pressure together generate the first colour thorugh manipulation of its RGB value. Latitude and longitude calculate the second colour while temprature produces the thrid colour.

形式:实时数据驱动网页
范畴:生成艺术、故障艺术、数据可视化
编程语言与函数库:HTML、CSS、JavaScript、three.js
时间:2019年
类型:个人项目
该模型通过获取指定城市的实时天气数据将其转换为视觉效果。这个实验志在通过视觉表现直观地诠释天气信息,将其他感官联系起来。
该模型通过风的数据决定色块的运动。以湿度、云和气压值生成对应的RGB值来控制第一个颜色,用经纬度值计算第二个颜色,温度值则用于生成第三个颜色。

Next Project

下个项目