Git Product home page Git Product logo

weather's Introduction

Weather website

Live demo

Display current weather conditions for a certain location in Japan.

Features

  • Fully responsive website
  • All data rendered with d3.js
  • Map rendered with openStreetMap.org and Leaflet.js

Credits

  • Weather and earthquake data are from the Japan Metereological Agency
  • Moon rise/set times are monthly scrapped from timeanddate.com
  • Sun rise/set times are courtesy of dayspedia.com
  • Some of the website icons are from Dan Klammer
  • Weather icon for iOS is from Rain icon created by iconixar - Flaticon

Tested Environment:

Developing Environment

  • OS: Panasonic Let'sNote/Linux Fedora 36
  • Languages: JavaScript, CSS, HTML
  • Editors: Emacs and Codium

weather's People

Contributors

ndlopez avatar

Watchers

 avatar

weather's Issues

No icon on ios

This is not really a big issue, I have add another line to html with apple-icon-sth

Yellow-dust link

Removed yellow dust forecast from main and added as link. New link should display images but error instead.

Undefined date

Since I am parsing date from JMA api, perhaps the date was wrong and undefined and NaN was returned. Must review.

Midnight issue

Since jma.or.jp doesnt update on real-time all measurements, theres a lag of 20 mins around midnight resulting on missing images and data.

Auto slide invalid

Should disable auto slide loading every 2s, disables sleepy func that loads other divs.

Yellow dust img

At 21hrs the path updates to next day. However it only adds to day not month nor year. It tries to load invalid dates.

Changing city id

Although I tried to add buttons and actions to them to change between cities, I was not able to correctly display weather information. Initially, the added city, displayed after the on-load city. It should have replaced. This issue is the product of creating 2 JS scripts to fetch data.

Gnome 30 issue?

The gnome notification works fine on Gnome 40 and above, but on Gnome 30 it cannot display any of the messages I sent. Solution: upgrade to version 40?

Invalid url

Parsed time on Nasa url must be zero padded. This bug blocks loading of tomorrow's weather.

Weather icon ios

I thought this issue was closed when I added a png icon for ios, but its not showing anything. The only icon displayed is the web player's. Perhaps the added image is not big enough for ios stds?

Bottom menu icon

Current weather icon is too small compared, must manipulate svg from jma data.

Leaflet parsed geoCoord

When parsing geo coordinates to leaflet some are out of range and are displayed on parts outside this planet.

Top menu not fully displayed

On mobile atop home page earthquake div is shown before burger menu, on click the menu is partially displayed. It is displayed under quake div.

httpSession is null

On thirdRock@moji... gnome-extension. Once the extension is set to OFF it sends a "signal": http_session=null. To restart the extension, it is necessary to log out and log back in into session so the extension will work again. Otherwise with that var always NULL it cant restart.

Undefined wind

On the wind speed tachometer "undefined" is shown. Probably due to an error on data or index not found.

Invalid date

Once again bug @ midnight. The displayed date should be that one @ 23:50 and not @ 00:05.

Precip prob

Precipitation prob is updated every 6hrs, but page displays the number for the first 6hrs and repeats for the other 3.

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.