Top Banner
PM2.5 Interpolation and Visualization based on Wind Fields ked 2016/05/15 2016/06/13 update
53

PM2.5 visualization

Jan 07, 2017

Download

Technology

Su Yan-Jen
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: PM2.5 visualization

PM2.5 Interpolation andVisualization based on Wind Fields

ked2016/05/152016/06/13 update

Page 2: PM2.5 visualization

Our system

PM2.5 http://www.cmlab.csie.ntu.edu.tw/~ked/pm25.htm

PM2.5 + radar http://www.cmlab.csie.ntu.edu.tw/~ked/

pm25_4.htm

Page 3: PM2.5 visualization

Why a different PM2.5 vis. system

2016/04/12

Page 4: PM2.5 visualization

The visualization of

PSI result

2016/04/12

Page 5: PM2.5 visualization

The visualization of

2016/04/20

Page 6: PM2.5 visualization

The visualization of

PSI result Averaged index

2016/04/12

Page 7: PM2.5 visualization

The visualization of

PSI result Averaged index Sparse distribution

2016/04/12

Page 8: PM2.5 visualization

Other systems for PM2.5

http://env.g0v.tw/air/

2016/04/15

Page 9: PM2.5 visualization

Other systems for PM2.5

http://env.g0v.tw/air/ http://env.childgrowth.info/air/

2016/04/15

Page 10: PM2.5 visualization

Other systems for PM2.5

http://env.childgrowth.info/air/

天下雜誌 2015.03.17

Page 11: PM2.5 visualization

How to interpolate the sparse data

Page 12: PM2.5 visualization

Wind & PM2.5

天下雜誌 2015.03.17

Page 13: PM2.5 visualization

Wind & PM2.5

東森新聞 2016.01.01

Page 14: PM2.5 visualization

Our system

2016/04/15

Page 15: PM2.5 visualization

Our system

2016/04/22

Page 16: PM2.5 visualization

Outline

System description Data capture Interpolation Rendering Conclusions

Page 17: PM2.5 visualization

Outline

System description Data capture Interpolation Rendering Conclusions

Page 18: PM2.5 visualization

Features

Interpolation based on winds x 3D interaction

x Auto-renewal

Page 19: PM2.5 visualization

Architecture

Our server

環保署

NCEP

Capture PM 2.5

Interpolate

Capture wind field & height field

Page 20: PM2.5 visualization

Architecture

Web browserOur server

環保署

NCEP

Capture PM 2.5

Interpolate

Get data

Visualize &update

Capture wind field & height field

Page 21: PM2.5 visualization

Outline

System description Data capture Interpolation Rendering Conclusions

Page 22: PM2.5 visualization

PM2.5 data

Location ?

Page 23: PM2.5 visualization

PM2.5 data + coordinate

Page 24: PM2.5 visualization

Data of NCEP

Page 25: PM2.5 visualization

.grib2 format – records

Page 26: PM2.5 visualization

How to read .grib2 file

Refer to https://www.google.com.tw/url?

sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwjCvc7I2Y3MAhVKGJQKHVC4AxgQFgglMAA&url=http%3A%2F%2Fjou-p3.as.ntu.edu.tw%2FP3%2Ffile%2Fteaching%2Ff1386923093.pdf&usg=AFQjCNF0Z5dLY08WxC5pl_0BUxfTvxUvuQ&sig2=eLDe7X0wv0Ol1KG_Dnr9YQ

Page 27: PM2.5 visualization

.grib2 format – regular data

https://www.google.com.tw/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwjCvc7I2Y3MAhVKGJQKHVC4AxgQFgglMAA&url=http%3A%2F%2Fjou-p3.as.ntu.edu.tw%2FP3%2Ffile%2Fteaching%2Ff1386923093.pdf&usg=AFQjCNF0Z5dLY08WxC5pl_0BUxfTvxUvuQ&sig2=eLDe7X0wv0Ol1KG_Dnr9YQ

Page 28: PM2.5 visualization

Outline

System description Data capture Interpolation Rendering Conclusions

Page 29: PM2.5 visualization

Vector field

Page 30: PM2.5 visualization

Streamline

Page 31: PM2.5 visualization

Streamlines

Page 32: PM2.5 visualization

Flow in the field

Page 33: PM2.5 visualization

Flow in the field

Page 34: PM2.5 visualization

Transition

1/3

5/9

1/9

Page 35: PM2.5 visualization

Transition – intensity decay

1/3 x 1/2

5/9 x 1/2

1/9 x 1/2

1/2

Page 36: PM2.5 visualization

Transition matrix

Refers to the stochastic process in which the transition probabilities depend only on the current state

1/3 x 1/2

5/9 x 1/2

1/9 x 1/2

1/2

Page 37: PM2.5 visualization

Irreducible, aperiodic, recurrent

Stationary Markov chain

Page 38: PM2.5 visualization

Stationary Markov chain

Page 39: PM2.5 visualization

Outline

System description Data capture Interpolation Rendering Conclusions

Page 40: PM2.5 visualization

Implementation

Javascript + webgl

Page 41: PM2.5 visualization

Rendering

Taiwan

PM2.5

Wind vector

Page 42: PM2.5 visualization

Scientific visualization

"it’s infovis when the spatial representation is chosen, and it’s scivis when the spatial representation is given“

-- wikipedia

Page 43: PM2.5 visualization

Volume rendering

Page 44: PM2.5 visualization

Volume rendering

Page 45: PM2.5 visualization

Billboard

http://www.markmark.net/clouds/

Page 46: PM2.5 visualization

Outline

System description Data capture Interpolation Rendering Conclusions

Page 47: PM2.5 visualization

Case – 2016.03.14 " 在臺灣西南側一條繩索狀的白雲,那是南海吹過來微弱西南風和東側高壓迴流的交界面,因為大氣穩定,所以只在海面上形成一長條的索狀雲。 "

Page 48: PM2.5 visualization

Case – 2016.04.08

Page 49: PM2.5 visualization

Thx.

站在推廣環保和教育的立場,我從電腦圖學的角度出發,做了一個互動系統,希望民眾可以重視 PM2.5 的問題,更希望的是,我們的下一代,可以因為我們的覺醒,而呼吸到更好的空氣。

Page 50: PM2.5 visualization

Update Streamlines for wind field Weather radar for rainfall

Anaglyph 3D

Page 51: PM2.5 visualization

Streamline placement

Refer to

Page 52: PM2.5 visualization

Weather radar data

Download from

Page 53: PM2.5 visualization

Thx.