GithubHelp home page GithubHelp logo

mrcschwering / prevailing-winds Goto Github PK

View Code? Open in Web Editor NEW
7.0 3.0 0.0 1.43 MB

Webapp for planning your sailing holidays. Interactive map showing windroses of historic winds. Could also be useful for surfers, paragliders, pilots and more.

Home Page: https://www.prevailing-winds.de/

License: MIT License

Python 51.44% HTML 2.00% TypeScript 46.57%
windrose prevailing-winds meterology leaflet react aws-lambda

prevailing-winds's Introduction

Hi there 👋

My name is Marc Schwering. My original background is Molecular Biotechnology. Throughout my career I have changed from wetlab, to data science, to software development. The past years I have built software for Bayer's Pharma R&D. Now I am working as a freelancer. Apart from that I like sailing, travelling, Muay Thai, and in general DYI stuff. So, you might find some related repositories for that :)

prevailing-winds's People

Contributors

mrcschwering avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

prevailing-winds's Issues

Feature: add wind summary

  • if I just want to know how much wind there will be
  • e.g. 50% BFT 4, dont care about direction
  • kind of hard to see from the windrose alone

Gets confused when you click on long ~ 175 ?

Very interesting app, thanks for writing it.

I seem to have found, what I suspect, is a minor defect. I found that the app seems to get confused when you do the following.

  1. Visit https://www.prevailing-winds.de/ using recent FF or Chrome on Windows
  2. Zoom map out and scroll so that New Zealand is centre of the panel
  3. Zoom in so that NZ fills most of the visible panel
  4. Click on Wellington (which is Longitude East 174)
  5. The text showing where you have clicked reads "41° 46' 16'' S - 183° 7' 12'' W" and the message "only longitudes -180 to 180 are covered" appears.
  6. Scroll map so that Paris (in France) is visible , click on Paris (Paris is longitude East 2)
  7. The text showing where you have clicked reads "48° 24' 0'' N - 358° 3' 59'' W" and the message "only longitudes -180 to 180 are covered" continues to be displayed.
  8. Scroll map so that Los Angeles (in USA) is visible, click on LA (LA is longitude West 118)
  9. The text showing where you have clicked reads "33° 56' 36'' N - 476° 11' 29'' W" and the message "only longitudes -180 to 180 are covered" continues to be displayed.

If, after reloading page, instead of visiting Wellington first I go straight to Paris and then LA everything works as you would expect.

BTW I'm learning React at the moment and being able to read your frontend in the context of seeing the app run is very useful so thanks for that as well the entire app.

styling issues on phone

Scrolling down in windrose tab, bottom part has white background (instead of gray)

image

Some iPhones keep the appbar weirdly big (to high height, takes almost half of the screen) when the map is open. Haven't figured out yet whether this is an iPhone version or browser thing.

check whether wind data is corrupted

There was an email from copernicus:

We are writing to you because you may have downloaded some corrupted ERA5 data from the Climate Data Store (CDS).

Some data was corrupted in the following ERA5 CDS catalogue entries (datasets):

361 corrupted fields, out of a total of 3.1 billion ERA5 fields, have been identified and replaced.

This corruption problem was resolved on 2021-04-14.

Users that have downloaded any of these affected fields prior to 2021-04-15, are recommended to re-download them.

TODO

  • check whether any of my data is affected

Backend under prevailing-winds.de

Add backend endpoints to data.prevailing-winds.de.
I think I need to upload the AWS generated certificates to cloudflare for that somehow...

Feature: add general weather stats as well

I think I have some more data which I could add as well, such as:

  • pressure
  • temperature
  • precipitation

Could make a generic "weather" plot with temp distribution, mean pressure and precipitation.

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.