html画台风路径,PoPo数据可视化周刊第3期 - 台风可视化

骑猪看日落 2022-10-09 06:30 46阅读 0赞

9月台风席卷全球，本刊特别选取台风最佳可视化案例，数据可视化应用功力最深厚者,当属纽约时报，而传播效果最佳的是the weather channel关于florence的视频预报，运用了数据可视化、可视化特效以及虚拟特效制作等技术，简直是灾难大片电影预告(在本文末尾查看视频)。

see flood waters rise across the carolinas after hurricane florence

hurricane florence brought a lot of rain, which in turn made river levels rise. the new york times animated the rise over a five-day period. the height of the bars represents the rise of the river level, as compared to levels on thursday.

https://www.nytimes.com/interactive/2018/09/18/us/hurricane-florence-flooding.html

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg]

mapping florence’s impact:rainfall, power outages, and wind

https://www.nytimes.com/interactive/2018/09/13/us/hurricane-florence-impact-damage-map.html?utm\_content=buffer5c590&utm\_medium=social&utm\_source=twitter.com&utm\_campaign=buffer

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 1]

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 2]

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 3]

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 4]

hurricane florence water footprint data visualization

watch florence move through the carolinas in this data visualization and see usgs streamgage measurements spike as the storm’s extreme rainfall leads to intense flooding. usgs streamgages provide critical information during storms to flood forecasters and emergency managers as they make decisions that contributes to protecting lives and property. understanding river levels and locations of flooding can make a huge difference in these dangerous storms. the water footprint visualization shows patterns of precipitation and river discharge of 18 usgs streamgages greatly impacted by florence. usgs photo.

https://www.usgs.gov/media/images/hurricane-florence-water-footprint-data-visualization

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 5]

steering ships around hurricane florence

the image below loops an animation of optix.earth’s rendition of ship traffic around the southeastern united states from tuesday to thursday of last week. it shows that all the ships are avoiding an area about 800 miles wide that was moving towards the north and south carolina coast: hurricane florence.

http://www.ccri.com/2018/09/18/steering-ships-around-hurricane-florence/

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 6]

why florence is so unusual — and so dangerous

hurricane florence is a highly unusual storm, not just because of its intensity and size, but also the journey it's taking toward the carolina coastline.

https://www.axios.com/florence-map-shows-every-major-hurricane-to-hit-carolinas-0b05a244-9ebd-44a8-aaa0-75b48580aafa.html

![4e030c489d306c86957489748bbd5753.png][]

flights rome 条条道路通罗马，航线可视化

after confirming that all roads lead to rome, we set out onto a new adventure.

https://flightstorome.moovellab.com/

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 7]

what is the heartbeat of a city in motion?

what does it look and feel like? how can we strengthen it? at lime, these questions have inspired us to create a system of shared scooters and bikes designed to move riders seamlessly across cities and communities around the world.

https://www.li.me/10-million-rides

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 8]

谷歌带来gan入门神器：浏览器上运行的可视化工具gan lab

http://www.sohu.com/a/253018841\_129720

https://poloclub.github.io/ganlab/

佐治亚理工学院和谷歌大脑的研究者开发了 gan 的可视化工具 gan lab，无需安装也无需专门硬件，通过网页浏览器(推荐 chrome)就可以打开。用户可以利用 gan lab 交互地训练生成模型并可视化动态训练过程的中间结果，用动画来理解 gan 训练过程中的每一个细节。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 9]

灯光可视化

https://jwasilgeo.github.io/esri-experiments/earth-at-night/

jacob wasilkowski使用arcgis javascript api 和 chroma.js 颜色库 制作的类似于 地形可视化的灯光可视化效果

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 10]

97种投影系的动态对比

jacob wasilkowski 使用d3制作的97种不同投影系的动态对比效果

http://popodv.com/dv/ef8c411537625953552.html

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 11]

just another day on aerosol earth

https://earthobservatory.nasa.gov/images/92654/just-another-day-on-aerosol-earth

take a deep breath. even if the air looks clear, it is nearly certain that you will inhale millions of solid particles and liquid droplets. these ubiquitous specks of matter are known as aerosols, and they can be found in the air over oceans, deserts, mountains, forests, ice, and every ecosystem in between.

![640?wx\_fmt=png][640_wx_fmt_png]

world map shows aerosol billowing in the wind

https://flowingdata.com/2018/08/24/world-map-shows-aerosol-billowing-in-the-wind/

using a mathematical model based on satellite data, nasa shows an estimate of aerosol in the atmosphere on august 23, 2018:

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 12]

bus speed visualization

https://ky-kimeng.netlify.com/posts/bus-speed-viz/

within the past couple decades, many transit agencies across north america and all over the world have started to collect location records of every bus using the automatic vehicle location (avl) technology. this technology allows buses to generate their locations for as frequent as every few seconds. with this new source of data, new ways of visualizing and understanding bus speed need to be adopted.

![640?wx\_fmt=png][640_wx_fmt_png 1]

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 13]

interactive spatial analysis and visualization in the browser

client-side mapping and rendering of data in the browser has improved substantially over the last few years. a variety of new methods are available for geospatial analysis, geometry manipulation, and  rendering large spatial datasets in the browser. in fact, using modern javascript packages, we rarely make any round trips to the server to perform analysis or dynamic rendering. this trend will continue as devices and browsers that leverage gpu become increasingly capable of performing advanced graphics processing. here’s a short synopsis of some of the major browser-based tools we’ve leveraged in our projects at dvg. best of all, they are all free.

https://www.dvginteractive.com/interactive-spatial-analysis-and-visualization-in-the-browser/

![aeee0fa683658411c50709f85d525fc8.png][]

the weather channel 运用数据可视化与特效制作的台风预报，效果堪比灾难大片预告。(视频关注公众号浏览)

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 14]

popo 数据可视化

www.popodv.com

聚焦于web数据可视化与可视化交互领域，发现可视化领域有意思的内容。不想错过可视化领域的精彩内容, 就快快关注我们吧 ：)

[640_wx_fmt_jpeg]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfc8fcz3ib4ccidnc2uvltgjqbq43oicpsia2bkexxqgjkmotmicicubblv9iaa/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 1]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcnfbbbz4uyvh8xx7mhysnfhpbxphljia2nriaaqeix44kmsnquthmawwq/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 2]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcv64xjybr3tvadwilmwo7e6uqve5j3ujddwxnfuzb3qdbohamocbiiw/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 3]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcq1os8qzic5z7ia34ftibwlnj0swc4xxkc21lz5bziwlz9dso02accewca/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 4]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcgnbcetics7lalb2zi9dqcib9sibuu7vnxnicokics9ku2pdo68gerawizeq/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 5]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcqxbh4g9kja5uuolrwr50jfezh8ul4grbrmf5f6ccspfvz6ics3ibm7xq/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 6]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcauoicm5slk0nbsn9dyzb8icngvgvcdnh4enoamam8icqjwkpicsnrsdgmw/640?wx_fmt=jpeg
[4e030c489d306c86957489748bbd5753.png]: /images/20221005/6995034376e94d67b3499b274bc3f6ae.png
[640_wx_fmt_jpeg 7]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcia7cxofja4biacbtjsmrxfpe7u9vkzticnuon48r6uzw9uqibnblftichjw/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 8]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcyqib4oryr5siagsyhiloudgkjtqsmzod1ff2ticrnwze6x82ujlkmotpa/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 9]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfctpeccxmmjsc2sc1taw9i9yd12zj3isw7exn339ijmnrcosfynprtibq/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 10]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcqvjiaewicunpx8odic2yicnoobdzvft7qj0tqn7fof0ewm1b9kamukgdjq/640?wx_fmt=jpeg
[640_wx_fmt_jpeg 11]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcduv3tjwofrq5lqalecsqicc0iapexhac3mufvbn3ffuic4xpudmi2ojiag/640?wx_fmt=jpeg
[640_wx_fmt_png]: https://mmbiz.qpic.cn/mmbiz_png/mljvwgricvqdcehhbxcm6kxibx002qpcfcgdkkjnwrnvibbcmm4pq0mvwydhraslrc5wunclbynf0bf6czmu5umicg/640?wx_fmt=png
[640_wx_fmt_jpeg 12]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfcntrs7qfd9a8fhdhbhxzsrqsoicibw3ph4cxhubgvibuecrl4uf21gpshq/640?wx_fmt=jpeg
[640_wx_fmt_png 1]: https://mmbiz.qpic.cn/mmbiz_png/mljvwgricvqdcehhbxcm6kxibx002qpcfcpzibxg3nvjscuk0v4dnc269cx5azialupgdxszbdpwibwynzdzwjsywhq/640?wx_fmt=png
[640_wx_fmt_jpeg 13]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqdcehhbxcm6kxibx002qpcfciabnpztyl7whkoydx2d1vgsbhxd9oisf8jwbovg1ebhlqqloflkgojq/640?wx_fmt=jpeg
[aeee0fa683658411c50709f85d525fc8.png]: /images/20221005/2f2f0c7ed2fa4bf49a565c4fecd2ceef.png
[640_wx_fmt_jpeg 14]: https://mmbiz.qpic.cn/mmbiz_jpg/mljvwgricvqbdntewdmedsyj71pbfbuvexpyfu0ypri5icym5lxznlhiaed6cib9eyhrzy0s3s3y7bljakuord6f2g/640?wx_fmt=jpeg