Giter Site home page Giter Site logo

iamyashrs / 10k-uk-weather Goto Github PK

View Code? Open in Web Editor NEW
10.0 2.0 2.0 24 KB

Analyze, Visualize UK regions weather data in 10kB :snowflake:

Home Page: https://10k-uk-weather.azurewebsites.net/

License: MIT License

JavaScript 54.71% HTML 26.90% CSS 18.39%
10kapart 10k winner progressive-web-app responsive-design 2016 uk weather visualization

10k-uk-weather's Introduction

10K UK Weather Analyzer

Analyze, Visualize UK and Other regions weather data, while playing a short game and learn some facts as well.

Available online: https://10k-uk-weather.azurewebsites.net/

My entry for the 10k Apart 2016 contest. Runs on NodeJs and requires only HTML on the client for full functionality. CSS & JS provides the other enhancements.

Size (8,015 Bytes)

Pages clocks in at just over 8kB with enhancements. If the browser is JavaScript enabled, additional requests will be made for JavaScript enhancements and loading of a Visuzalization which is written in vanilla JavaScript. Asynchronously request for the JS and other assets. Most of the requests are GZIP'ed, Minified and Cached for the end user. To make the page load blazing fast. Most of the dynamic results are calculated on the backend, to reduce the page size and requests count.

Progressive Enhancement (Vanilla JS & CSS with Dynamic Pages)

Javascript and CSS provides furthur enhancements to the application, with web application working without several enhancements as well.

Performance (1.09 Seconds (Approx))

All assets with the exception of HTML and CSS are loaded asynchronously. Most of the requests are GZIP'ed, Minified and Cached for the end user.

Browser Support (Lynx, IE, Chrome, Safari.. etc)

Support for all modern browsers and even including support for text based browsers such as Lynx browser. The web application is fully responsive and would feel great at any device with bare minimum screen size.

Accessibility (a11y)

Most of the accessibility tips have been considered and implemented in the web application. Even support for contrast, with vibrant colors for different sections of the application. ARIA landmarks are used for navigation, and other visualizations for better display of data to users. Text graph will be visible to text based browsers as well. Js and CSS do provide furthur enhancements.

Credit (MET)

Data from public sector information licensed under the Open Government Licence v1.0, view data source.

License (MIT)

10k-uk-weather's People

Contributors

iamyashrs avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  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.