lloydtao / Hackathon-Met-Office-2020

Our winning entry for the Met Office Hackathon 2020 (Lewis Lloyd, Jordan Peters and Richard Wardle).

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Met Office 2020 Hackathon

Develop a program for visualising tropical cyclone locations and their paths.

Our entry came first place!

Images

Image of the visualisation app in action.

Image of a whiteboard with a user flow, long-term goal and storyboard drawn on it. Whiteboarding out the vision for our problem, the user's flow through the problem and a draft storyboard of our solution.

Image of a whiteboard with a technical description of each part of the user and computer journey through the problem. Extending out our storyboard and breaking down the technical overview of our problem so we can make decisions on technologies and delegate tasks to one another. Here we go through the full story of both the user and 'the computer' as they journey through the problem.

Project Initiative

Develop a GUI for Tropical Cyclones.

The GUI should be able to:

  • Display a table of cyclones.
  • Sort this table by attribute.
  • Filter this table by attribute.
  • See a visualisation of the cyclone passing over a map.

In practice:

  • Open the GUI to see a list of cyclones.
  • Cyclones can be sorted by name, date or intensity.
  • Cyclones can be filtered by countries they entered.
  • Play the visualisation.

For example:

  • User enters the application.
  • User sorts the cyclones by date.
  • User filters it down to cyclones in India.
  • User can play a visualisation of each cyclone.

Data to Download

Log-in to AWS and then navigate to: https://s3.console.aws.amazon.com/s3/buckets/informatics-data/hackathon-jan2020/?region=eu-west-1&tab=overview

Download the files in tropical-cyclone-data.

Our Application

Step 1: Collect data from Met Office S3 bucket.

Step 2: Process data with Python.

Step 3: Store in database.

Step 4: Web server queries database and displays on website.

Step 5: User uses website: they can modify visualisation parameters and easily request cyclone path visualisations on a globe.

Tropical Cyclone Spreadsheet

Not available yet.

csv to JSON import format for visualisation component

var data = [
    [
    'seriesA', [ latitude, longitude, magnitude, latitude, longitude, magnitude, ... ]
    ],
    [
    'seriesB', [ latitude, longitude, magnitude, latitude, longitude, magnitude, ... ]
    ]
];

About

Our winning entry for the Met Office Hackathon 2020 (Lewis Lloyd, Jordan Peters and Richard Wardle).

License:MIT License


Languages

Language:JavaScript 66.6%Language:HTML 27.5%Language:CSS 4.0%Language:Python 1.6%Language:Shell 0.2%