air:空气质量传感器数据的2D和3D可视化

  • r0_182390
    了解作者
  • 195.1MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-05 01:36
    上传日期
2020 | 湾区4D空气质量年度回顾 该项目将叠加在3D地理地图上的空气质量数据可视化。 该地图显示了来自数千个传感器的每小时数据,并允许在各个位置进行交互和回放空气质量模式。 这些可视化效果特别突出了2020年湾区大火对空气质量的重大影响,但可用于探索全年的模式。 经过测试的平台: iOS(iPhone / iPad):已经过Firefox,Chrome和Safari的测试。 macOS / Windows:已在Firefox,Chrome和Safari上测试。 Android:经过Firefox和Chrome的测试。 (单击当前不支持的城市标签) 使用菜单选择城市,显示传感器的区域半径和日期范围。 给定在特定位置/半径上可能存在的大量传感器数据,在平移地图时,界面不会动态加载新数据。 但是,您可以直接单击其他城市来加载新数据。 该应用程序允许指定在加利福尼亚的位置,开始和
air-main.zip
内容介绍
[![3D visualization of air quality sensor data](media/sensor_data_3d_bay_area.jpg)](https://olwal.github.io/air/3d/) # 2020 | Bay Area Air Quality Year in 4D Review This project visualizes air quality data overlaid onto a 3D geographical map. The map shows hourly data from thousands of sensors and allows interaction and playback of air quality pattern across various locations. These visualizations particularly highlight the significant impact that the 2020 Bay Area fires had on air quality, but can be used to explore patterns throughout the full year. Tested platforms: - iOS (iPhone/iPad): Tested with Firefox, Chrome and Safari. - macOS/Windows: Tested with Firefox, Chrome and Safari. - Android: Tested with Firefox and Chrome. (clicking on city label not currently supported) Use the menu to select a city, radius for the area to show sensors, and date range. Given the potential large amount of sensor data at a specific location/radius, the interface does not dynamically load new data as the map is panned. However, one can click a different city directly to load new data. [Live 3D demo with time-series sensor data](https://olwal.github.io/air/3d/) [![Pan SF to San Mateo](media/sf_pan.gif)](https://olwal.github.io/air/3d?location=San%20Mateo&start_date=2020-09-08&end_date=2020-09-12&radius=30000) [![Pan to SF](media/sf_pan_2.gif)](https://olwal.github.io/air/3d?location=San%20Francisco&start_date=2020-09-08&end_date=2020-09-12&radius=30000) The application allows specification of location in California, start and end dates and other parameters for the visualization. (see URL parameters, below, for full list) The animated 3D visualizations are based on sensor data from [PurpleAir](https://purpleair.com/), leveraging JavaScript, [procedural-gl.js](https://github.com/felixpalmer/procedural-gl-js) and [p5.js](https://p5js.org/). Data files preprocessed with Python and [Jupyter Lab](https://jupyter.org/). ## 2020 Bay Area fires Here is a sample collection of interactive 3D visualization of air quality sensor data within a certain radius from the location, references to 3rd party material, and timelapse videos of the 3D visualizations. The visualizations are specified and configured through URL parameters. ### [LNU Lightning Complex Fires](https://olwal.github.io/air/3d?location=LNU%20Lightning%20Complex%20Fires&start_date=2020-08-16&end_date=2020-10-03&radius=50000&distance=50000&unit=km) | Aug 17 to Oct 02 - Locations: [Napa](https://olwal.github.io/air/3d?location=Napa&start_date=2020-08-16&end_date=2020-10-11&radius=50000&distance=50000&unit=km), Lake, [Sonoma](https://olwal.github.io/air/3d?location=Sonoma&start_date=2020-08-16&end_date=2020-10-11&radius=25000&distance=50000&unit=km), [Yolo](https://olwal.github.io/air/3d?location=Yolo&start_date=2020-08-16&end_date=2020-10-11&radius=50000&distance=50000&unit=km), Solano - References: [SF Chronicle Fire Tracker](https://www.sfchronicle.com/projects/california-fire-map/2020-lnu-lightning-complex), [InciWeb](https://inciweb.nwcg.gov/incident/7027/), [Wikipedia](https://en.wikipedia.org/wiki/LNU_Lightning_Complex_fires) - [Napa Video](https://youtu.be/sms1VZ-AS3k) Interactive demo | Napa | Aug 16-Oct 03: [![Napa](media/napa.gif)](https://olwal.github.io/air/3d?location=LNU%20Lightning%20Complex%20Fires&start_date=2020-08-16&end_date=2020-10-03&unit=km) ### [CZU August Lightning Complex Fires](http://olwal.github.io/air/3d?location=CZU%20Lightning%20Complex%20Fires&start_date=2020-08-16&end_date=2020-09-23&radius=20000&distance=50000&unit=km) | Aug 17 to Sep 22 - Locations: [Santa Cruz](https://olwal.github.io/air/3d?location=Santa%20Cruz&start_date=2020-08-16&end_date=2020-09-23&radius=20000&distance=30000&unit=km), [San Mateo](https://olwal.github.io/air/3d?location=San%20Mateo&start_date=2020-08-16&end_date=2020-09-23&unit=km) - References: [SF Chronicle Fire Tracker](https://www.sfchronicle.com/projects/california-fire-map/2020-cnu-august-lightning-complex), [InciWeb](https://inciweb.nwcg.gov/incident/7028/), [Wikipedia](https://en.wikipedia.org/wiki/CZU_Lightning_Complex_fires) - [San Mateo Video](https://youtu.be/mKirhChPaWU) Interactive demo | Santa Cruz | Aug 16-Sep 23: [![Santa Cruz](media/santa_cruz.gif)](https://olwal.github.io/air/3d?location=Santa%20Cruz&start_date=2020-08-16&end_date=2020-09-23&unit=km) ### [SCU August Lightning Complex Fires](http://olwal.github.io/air/3d?location=SCU%20Lightning%20Complex%20Fires&start_date=2020-08-15&end_date=2020-10-03&radius=30000&distance=50000&unit=km) | Aug 16 to Oct 02 - Locations: [Santa Clara](http://olwal.github.io/air/3d?location=Santa%20Clara&start_date=2020-08-15&end_date=2020-10-03&radius=20000&distance=20000&unit=km), [Alameda](http://olwal.github.io/air/3d?location=Alameda&start_date=2020-08-15&end_date=2020-10-03&radius=20000&distance=20000&unit=km), Contra Costa, [San Joaquin](http://olwal.github.io/air/3d?location=San%20Joaquin&start_date=2020-08-15&end_date=2020-10-03&radius=50000&distance=30000&unit=km), Stanislaus - References: [SF Chronicle Fire Tracker](https://www.sfchronicle.com/projects/california-fire-map/2020-cnu-august-lightning-complex), [InciWeb](https://inciweb.nwcg.gov/incident/7056/), [Wikipedia](https://en.wikipedia.org/wiki/SCU_Lightning_Complex_fires) - [Santa Clara Video](https://youtu.be/gJdsuwGUNYg) Interactive demo | Santa Clara | Aug 15-Oct 03: [![Santa Clara](media/santa_clara.gif)](http://olwal.github.io/air/3d?location=Santa%20Clara&start_date=2020-08-15&end_date=2020-10-03&unit=km) ## 2020 | 1-year Time Series These full-year datasets take quite some time to load. Firefox on Desktop seems most stable in loading these. - [Oakland](https://olwal.github.io/air/3d/?location=Oakland&start_date=2020-01-01&end_date=2021-01-01&radius=20000&distance=20000&unit=km) | [Timelapse Video](https://youtu.be/jxLtuF0n3hA) (15:29) | 2020 Jan-Dec - [Santa Cruz](https://olwal.github.io/air/3d/?location=Santa%20Cruz&start_date=2020-01-01&end_date=2021-01-01&radius=20000&distance=30000&unit=km) | [Timelapse Video](https://youtu.be/fsbrf3rNnMg) (15:40) | 2020 Jan-Dec - [San Francisco](https://olwal.github.io/air/3d/?location=San%20Francisco&start_date=2020-01-01&end_date=2021-01-01&unit=km) | [Timelapse Video](https://youtu.be/-bVvzHcI12I) (17:11) | 2020 Jan-Dec ## 3D views [![Pan to San Francisco](media/sf_pan_to_320.gif)](https://olwal.github.io/air/3d/) [![Rotating around San Francisco](media/sf_rotate_320.gif)](https://olwal.github.io/air/3d/) [![Rotating around East Bay](media/east_bay_rotate_320.gif)](https://olwal.github.io/air/3d/) [![Approaching Silicon Valley](media/silicon_valley_approach_320.gif)](https://olwal.github.io/air/3d/) ## Input controls ### Navigation | key | command | description | |---------|---------------|----------------------------------------------------------| | o ENTER | orbit | Start orbiting around location, click with mouse to stop | | f | focus | Focus on specific location | ### Rendering | key | command | description | |---------|---------------|----------------------------------------------------------| | l | labels | Show/hide location labels | | g | graph | Show/hide graph | ### Playback | key | command | description | |---------|---------------|----------------------------------------------------------| | p SPACE | play/pause | Start/stop playback | | r | rewind | Rewind to beginning | | x/X | speed | Increase/decrease playback speed | | { N < | 10 back | Step back 10 frames | | [ n ,
评论
    相关推荐