15
New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University Computer Science Engagement Enterprise NESDIS / Environmental Visualization Lab Dan Pisut July 20, 2015

New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

New Web Interface for Real-Time Visualization

of NOAA Atmosphere Model Data

Timothy Murphy

Ohio University

Computer Science

Engagement Enterprise

NESDIS / Environmental Visualization Lab

Dan Pisut

July 20, 2015

Page 2: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Outline

• Goals

• Video Demo

• About Global Forecast System

• Visualization Architecture

• Getting Started

• Challenges

• Final Product

• Next Steps

• Acknowledgements

2

Page 3: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Goal #1

Modernize display of weather data

3 Model Analyses and Guidance

(mag.ncep.noaa.gov)

Page 4: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Goal #2

Online access of real-time weather data

4

Page 5: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Goal #3

Easy to use interface

5

Page 6: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Goal #4

Easy to understand the direction, magnitude, and time

6

Page 7: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University
Page 8: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

About Global Forecast System

• Main weather model used by NOAA and the

weather industry

• Updates and resolution

• Data accessed via a THREDDS server,

simplifying access to the 400 GB of data

• Gridded data output

8

Page 9: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Visualization Architecture

9

GFS Model

VizLab Server Client Delivery

Requests

Internet Convert GFS Data

Visualization

Scripts

Browser

GPU

User Interaction

Page 10: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Getting Started

• Configure VizLab

servers with JavaScript

libraries

• Convert GFS output to

JSON

• Learn necessary

JavaScript libraries.

• Develop prototype

10

Page 11: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Challenges

• Visualize global wind over time

• Decrease loading time

• Increase animation performance

• Additional layers

• Mobile device Compatibility

• Incorporate feedback

11

Page 12: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Final Product

12

Page 13: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Summary

13

• Modern web-based Visualization

• Visualized on a Global Scale

• Updated in real-time

• Easy to understand

• Intuitive User Interface

Page 14: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Next Steps

• Public release by NOAA

• Promotion at events like AMS and on Social

Media

• Extendable

14

Page 15: New Web Interface for Real-Time Visualization of …tcm3/docs/noaa_symposium...New Web Interface for Real-Time Visualization of NOAA Atmosphere Model Data Timothy Murphy Ohio University

Acknowledgements

• Dan Pisut

• VizLab members

– Tim Loomis

– Vivek Goel

15