Giter Site home page Giter Site logo

ahinkka / ppi Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 2.0 871 KB

Weather radar product display

License: GNU General Public License v3.0

Makefile 1.32% JavaScript 27.28% HTML 0.24% Python 28.83% Shell 1.24% Rust 1.93% Sass 1.01% TypeScript 38.14%
weather-radar radar-display color-scales radar meteorology

ppi's Introduction

PPI

PPI is a weather radar product display running in the browser. Despite it's name referring to a very specific product, PPI, it can (theoretically) be used to visualize any raster products in Cartesian coordinates.

Screenshot

There's a deployment running at https://radar.a3h.net/ that displays FMI's PPI reflectivity products for individual radars.

Features

  • reprojection
  • coloring
  • product animation
  • decent base map
  • keyboard shortcuts (SPACE, LEFT, RIGHT, S, P, F)
  • rudimentary cursor tool (show value under cursor)

Future plans

  • show distance to points of interest, e.g. to closest localities / max reflectivity
  • range rings
  • more products (or moments, e.g. radial velocity)
  • more color scales
  • product metadata display (PRF etc)
  • rendering optimizations
  • different animation speeds
  • time rather than product based animation
  • atmospheric pressure data overlay
  • other than FMI data (NEXRAD?)

Known issues

  • animation state doesn't currently survive page refresh
  • does unnecessary product loads at initialization

Components

There are three main components:

  1. product downloader (only for FMI right now),
  2. distribution collector (collects downloaded products, saves them for web distribution),
  3. client software (JavaScript single page app written in modern JS; React, Redux, OpenLayers)

Create deployment

cd client
make clean && make
cd ..
mkdir -p client/build/radar
python fmi/dist_builder/collect_radar_products.py /path/to/where/you/downloaded/the/stuff | \
    python collect.py fmi/dist_builder/raster_to_json.py client/build/data
cd client
make

Thoughts and ideas

  • Line density display: https://twitter.com/archillect/status/938533533810937856
  • FMI summer color scale for reflectivity http://wms.fmi.fi/fmi-apikey/<>/geoserver/Radar/ows?service=WMS&request=GetLegendGraphic&format=image%2Fpng&width=500&height=100&layer=anjalankoski_dbzh&style=Radar+dbz+Summer
    • From QGIS coloring, should look at the above legend graphic instead
      FMI reflectivity (summer)
      0 => 255, 255, 255   (nodata)
      21 => 108, 235, 243  (kohtalainen)
      62 => 65, 154, 90    (kohtalainen)
      84 => 241, 243, 90   (sakea)
      168 => 206, 2, 2     (sakea)
      189 => 131, 10, 70   (hyvin sakea)
      251 => 244, 244, 244 ()
      
  • Smoothing where every value around is some data value and the value in the point is not scanned or no echo.

Licensing

GPLv3

ppi's People

Contributors

ahinkka avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.