index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <meta name="description" content="RainNet">
  9. <meta name="author" content="">
  10. <link rel="icon" href="./favicon.ico">
  11. <title>RainNet</title>
  12. <!-- Bootstrap core CSS -->
  13. <link href="./css/bootstrap.min.css" rel="stylesheet">
  14. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  15. <link href="./css/ie10-viewport-bug-workaround.css" rel="stylesheet">
  16. <!-- Custom styles for this template -->
  17. <link href="./css/jumbotron.css" rel="stylesheet">
  18. <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  19. <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  20. <script src="./js/ie-emulation-modes-warning.js"></script>
  21. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  22. <!--[if lt IE 9]>
  23. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  24. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  25. <![endif]-->
  26. </head>
  27. <body>
  28. <nav class="navbar navbar-inverse navbar-fixed-top">
  29. <div class="container">
  30. <div class="navbar-header">
  31. <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  32. <span class="sr-only">Toggle navigation</span>
  33. <span class="icon-bar"></span>
  34. <span class="icon-bar"></span>
  35. <span class="icon-bar"></span>
  36. </button> -->
  37. <a class="navbar-brand" href="#">RainNet</a>
  38. </div>
  39. <!-- <div id="navbar" class="navbar-collapse collapse">
  40. <form class="navbar-form navbar-right">
  41. <div class="form-group">
  42. <input type="text" placeholder="Email" class="form-control">
  43. </div>
  44. <div class="form-group">
  45. <input type="password" placeholder="Password" class="form-control">
  46. </div>
  47. <button type="submit" class="btn btn-success">Sign in</button>
  48. </form>
  49. </div>/.navbar-collapse -->
  50. </div>
  51. </nav>
  52. <!-- Main jumbotron for a primary marketing message or call to action -->
  53. <div class="jumbotron jumbotron-fluid" style="background: url('./img/1.png');">
  54. <div class="container">
  55. <div class="row">
  56. <div class="col-md-6 col-md-offset-3 text-center">
  57. <img src="./img/2.png" alt="RainNet" class="img-rounded" style="width: 100%;">
  58. </div>
  59. </div>
  60. <div class="row text-center">
  61. <div class="col-md-* text-center" style="color:white;">
  62. <h2>RainNet: A Large-Scale Dataset for Spatial Precipitation Downscaling</h2>
  63. </div>
  64. </div>
  65. <div class="row">
  66. <div class="col-md-* text-center" style="color:white;">
  67. <h4>Xuanhong Chen<sup>*</sup>, Kairui Feng<sup>*</sup>, Naiyuan Liu<sup>**</sup>, Yifan Lu<sup>**</sup>, Zhengyan Tong, Bingbing Ni, Ziang Liu, Ning Lin</h4>
  68. </div>
  69. </div>
  70. <div class="row">
  71. <div class="col-md-* text-center" style="color:white;">
  72. <h4>Shanghai Jiao Tong University, Princeton University & University of Technology Sydney</h4>
  73. </div>
  74. </div>
  75. <div class="row">
  76. <div class="col-md-2 col-md-offset-4 text-center" style="color:white;">
  77. <h5><sup>*</sup>Equal contribution.</h5>
  78. </div>
  79. <div class="col-md-2 text-center" style="color:white;">
  80. <h5><sup>**</sup>Equal contribution.</h5>
  81. </div>
  82. </div>
  83. <div class="row">
  84. <h5 class="page-header"></h5>
  85. </div>
  86. <div class="row">
  87. <div class="col-md-6 col-md-offset-3 text-center">
  88. <div class="row">
  89. <div class="col-md-4 col-sm-4 text-center">
  90. <p><a class="btn btn-primary btn-lg" href="https://github.com/neuralchen/RainNet" role="button" target="_blank"> <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Code &raquo;</a></p>
  91. </div>
  92. <div class="col-md-4 col-sm-4 text-center">
  93. <p><a class="btn btn-primary btn-lg" href="#downloads" role="button"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Download &raquo;</a></p>
  94. </div>
  95. <div class="col-md-4 col-sm-4 text-center">
  96. <p><a class="btn btn-primary btn-lg" href="https://arxiv.org/abs/2012.09700" role="button" target="_blank"><span class="glyphicon glyphicon-save-file" aria-hidden="true"></span> Paper &raquo;</a></p>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="container">
  104. <!-- Example row of columns -->
  105. <div class="row">
  106. <div class="col-md-*">
  107. <h2>Abstract</h2>
  108. </div>
  109. </div>
  110. <div class="row">
  111. <div class="col-md-* text-justify" style="line-height:150%; font-size: large;">
  112. <p>
  113. Spatial Precipitation Downscaling is one of the most important problems in the geo-science community. However, it still remains an unaddressed issue.
  114. Deep learning is a promising potential solution for downscaling.
  115. In order to facilitate the research on precipitation downscaling for deep learning,
  116. we present the first <strong>REAL</strong> (non-simulated) Large-Scale Spatial Precipitation Downscaling Dataset,
  117. <strong>RainNet</strong>, which contains <strong>62,424</strong> pairs of low-resolution and high-resolution precipitation maps for 17 years.
  118. Contrary to simulated data, this real dataset covers various types of real meteorological phenomena (<i>e.g.</i>, Hurricane, Squall, <i>etc</i>.),
  119. and shows the physical characters -- <strong>Temporal Misalignment</strong>, <strong>Temporal Sparse</strong> and <strong>Fluid Properties</strong> -- that challenge the downscaling algorithms.
  120. In order to fully explore potential downscaling solutions, we propose an implicit physical estimation framework to learn the above characteristics.
  121. Eight metrics specifically considering the physical property of the data set are raised, while fourteen models are evaluated on the proposed dataset.
  122. Finally, we analyze the effectiveness and feasibility of these models on precipitation downscaling task.
  123. </p>
  124. </div>
  125. </div>
  126. <div class="row">
  127. <h5 class="page-header"></h5>
  128. </div>
  129. <div class="row">
  130. <div class="col-md-*">
  131. <h2>Samples in RainNet</h2>
  132. </div>
  133. </div>
  134. <div class="row">
  135. <div class="col-md-*">
  136. <h3>High Resolution Precipitation Maps</h2>
  137. </div>
  138. </div>
  139. <div class="row">
  140. <div class="col-md-4 col-sm-4">
  141. <img src="./img/HRGT_201009539_201009571.webp" style="width: 100%;"/>
  142. </div>
  143. <div class="col-md-4 col-sm-4">
  144. <img src="./img/HRGT_201108607_201108655.webp" style="width: 100%;"/>
  145. </div>
  146. <div class="col-md-4 col-sm-4">
  147. <img src="./img/HRGT_201109091_201109123.webp" style="width: 100%;"/>
  148. </div>
  149. </div>
  150. <div class="row">
  151. <div class="col-md-*">
  152. <h3>Low Resolution Precipitation Maps</h2>
  153. </div>
  154. </div>
  155. <div class="row">
  156. <div class="col-md-4 col-sm-4">
  157. <img src="./img/LRGT_201009539_201009571.webp" style="width: 100%;"/>
  158. </div>
  159. <div class="col-md-4 col-sm-4">
  160. <img src="./img/LRGT_201108607_201108655.webp" style="width: 100%;"/>
  161. </div>
  162. <div class="col-md-4 col-sm-4">
  163. <img src="./img/LRGT_201109091_201109123.webp" style="width: 100%;"/>
  164. </div>
  165. </div>
  166. <div class="row">
  167. <div class="col-md-*">
  168. <h3>High Resolution Precipitation Maps</h2>
  169. </div>
  170. </div>
  171. <div class="row">
  172. <div class="col-md-4 col-sm-4">
  173. <img src="./img/HRGT_201010607_201010639.webp" style="width: 100%;"/>
  174. </div>
  175. <div class="col-md-4 col-sm-4">
  176. <img src="./img/HRGT_201011587_201011619.webp" style="width: 100%;"/>
  177. </div>
  178. <div class="col-md-4 col-sm-4">
  179. <img src="./img/HRGT_201110059_201110091.webp" style="width: 100%;"/>
  180. </div>
  181. </div>
  182. <div class="row">
  183. <div class="col-md-*">
  184. <h3>Low Resolution Precipitation Maps</h2>
  185. </div>
  186. </div>
  187. <div class="row">
  188. <div class="col-md-4 col-sm-4">
  189. <img src="./img/LRGT_201010607_201010639.webp" style="width: 100%;"/>
  190. </div>
  191. <div class="col-md-4 col-sm-4">
  192. <img src="./img/LRGT_201011587_201011619.webp" style="width: 100%;"/>
  193. </div>
  194. <div class="col-md-4 col-sm-4">
  195. <img src="./img/LRGT_201110059_201110091.webp" style="width: 100%;"/>
  196. </div>
  197. </div>
  198. <div class="row">
  199. <h5 class="page-header"></h5>
  200. </div>
  201. <div class="row">
  202. <div class="col-md-*">
  203. <h2>Downloads</h2>
  204. </div>
  205. </div>
  206. <div id="downloads" class="row">
  207. <div class="col-md-6 col-sm-6 text-center">
  208. <p><a class="btn btn-success btn-lg" href="https://github.com/neuralchen/RainNet" role="button" target="_blank"> <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span> Donwnload via Google Drive &raquo;</a></p>
  209. </div>
  210. <div class="col-md-6 col-sm-6 text-center">
  211. <p><a class="btn btn-success btn-lg" href="#downloads" role="button" target="_blank"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Download via Baidu Drive &raquo;</a></p>
  212. <span class="label label-info">password: xxxx</span>
  213. </div>
  214. </div>
  215. <div class="row">
  216. <h5 class="page-header"></h5>
  217. </div>
  218. <div class="row">
  219. <div class="col-md-*">
  220. <h2>Citation</h2>
  221. </div>
  222. </div>
  223. <div class="row">
  224. <div class="col-md-*">
  225. <div class="well">
  226. @misc{chen2020rainnet,<br/>
  227. &ensp;&ensp;title={RainNet: A Large-Scale Dataset for Spatial Precipitation Downscaling},<br/>
  228. &ensp;&ensp;author={Xuanhong Chen and Kairui Feng and Naiyuan Liu and Yifan Lu and Zhengyan Tong and Bingbing Ni and Ziang Liu and Ning Lin},<br/>
  229. &ensp;&ensp;year={2020},<br/>
  230. &ensp;&ensp;eprint={2012.09700},<br/>
  231. &ensp;&ensp;archivePrefix={arXiv},<br/>
  232. &ensp;&ensp;primaryClass={cs.CV}<br/>
  233. }
  234. </div>
  235. </div>
  236. </div>
  237. <div class="row">
  238. <h5 class="page-header"></h5>
  239. </div>
  240. <div class="row">
  241. <div class="col-md-*">
  242. <h2>Contact</h2>
  243. </div>
  244. </div>
  245. <div class="row">
  246. <div class="col-md-*">
  247. <p>Please concat Kairui Feng <span class="label label-primary">kairuif@princeton.com</span>,
  248. Xuanhong Chen <span class="label label-primary">xuanhongchenzju@outlook.com</span>,
  249. Naiyuan Liu <span class="label label-primary">naiyuan.liu@student.uts.edu.au</span> and
  250. Yifan Lu <span class="label label-primary">yifan_lu@sjtu.edu.cn</span>
  251. for questions about the dataset. </p>
  252. </div>
  253. </div>
  254. <!-- <div class="row">
  255. <h5 class="page-header"></h5>
  256. </div>
  257. <div class="row">
  258. <div class="col-md-*">
  259. <h3>High Resolution Precipitation Maps</h2>
  260. </div>
  261. </div>
  262. <div class="row">
  263. <div class="col-md-6 col-sm-6">
  264. <img src="./img/HRGT_201109091_201109123.gif" style="width: 100%;"/>
  265. </div>
  266. <div class="col-md-6 col-sm-6">
  267. <img src="./img/HRGT_201108607_201108655.gif" style="width: 100%;"/>
  268. </div>
  269. </div>
  270. <div class="row">
  271. <div class="col-md-*">
  272. <h3>Low Resolution Precipitation Maps</h2>
  273. </div>
  274. </div>
  275. <div class="row">
  276. <div class="col-md-6 col-sm-6">
  277. <img src="./img/LRGT_201109091_201109123.gif" style="width: 100%;"/>
  278. </div>
  279. <div class="col-md-6 col-sm-6">
  280. <img src="./img/LRGT_201108607_201108655.gif" style="width: 100%;"/>
  281. </div>
  282. </div> -->
  283. <hr>
  284. <footer>
  285. <p><a>Accessibility</a></p>
  286. </footer>
  287. </div> <!-- /container -->
  288. <!-- Bootstrap core JavaScript
  289. ================================================== -->
  290. <!-- Placed at the end of the document so the pages load faster -->
  291. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  292. <script>window.jQuery || document.write('<script src="./js/vendor/jquery.min.js"><\/script>')</script>
  293. <script src="./js/bootstrap.min.js"></script>
  294. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  295. <script src="./js/ie10-viewport-bug-workaround.js"></script>
  296. </body>
  297. </html>