Giter Site home page Giter Site logo

gauthampughazhendhi / tsunami-events-dashboard-python Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ubc-mds/tsunami-events-dashboard-python

0.0 0.0 0.0 1.34 MB

A simple visualization dashboard for tsunami events since 1800 using plotly dash and Python.

Home Page: https://tsunami-events-dashboard.herokuapp.com/

License: MIT License

Procfile 0.01% Jupyter Notebook 94.60% Python 5.29% Dockerfile 0.10%

tsunami-events-dashboard-python's Introduction

Tsunami Events Dashboard (Python)

Accessing the App via Heroku

Link to Live App: Tsunami Events Dashboard

Description of the App Interface

This app contains a landing page with three tiles: an interactive geographical map that users can pan across to see the location of each tsunami as well as its strength, a time series graph showing the number of deaths by country, and a table listing the strongest tsunamis. The tsunami events data underlying the three plots is filtered for using a collapsible menu that contains two widgets: a slider to select a range of years of occurrence, and a drop-down menu to filter for countries impacted. The geographical map makes use of the tsunami latitude and longitude location data, generates a heat map to indicate tsunami magnitude, and allows users to hover over tsunami events plotted on the map to glean more comprehensive event details. Users can also peruse of a table listing the strongest tsunami events per the year and country selection applied, with the option to select from among a display of the top 5, 10 , 20 strongest events. Lastly, the time series graph shows the number of deaths by country per the year and country selection applied.

Proposal

Our proposal can be found via this link: proposal

Dashboard Sketch

dashboard sketch

Accessing the App Locally

To run and explore the app locally, clone the git repo and follow the commands. Please ensure that Docker is running on your machine.

git clone https://github.com/UBC-MDS/tsunami-events-dashboard-python.git

cd tsunami-events-dashboard-python

docker-compose up

Then, run the app using the following URL

Built with

  • Dash - Main server and interactive components
  • Altair - Used to generate interactive plots, using Python
  • Pandas - Used for data wrangling and pre-processing

Contributing

Contributors Github
Gautham Pughazhendhi @gauthampughazhendhi
Jacqueline Chong @Jacq4nn
Rowan Sivanandam @Rowansiv
Vadim Taskaev @vtaskaev1

License

MIT license

tsunami-events-dashboard-python's People

Contributors

rowansiv avatar jacq4nn avatar gauthampughazhendhi avatar vtaskaev1 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.