https://marine-debris.herokuapp.com/

• Correct use of HTML
• Correct use of CSS
• Correct use of JavaScript
• Correct use of D3-based visualisation libraries
• Correct use of Python
• Correct use of Flask

• Suitability for purpose
• Ease of use
• Information and Data Visualisation
• Defensive Design

• Responsive Design
• Navigation
• Image Treatment
• Non-image Content

• Database integration
• Version Control
• Testing
• Documentation
• Deployment

• The data that you choose to work with, should be stored in either an SQL database (preferably MySQL), or a noSQL database (preferably MongoDB)
• The project must use Flask to retrieve the data from the database and return it to the browser.
• The dashboard should include, at the minimum 3 separate graphs. Line/bar graphs and pie charts are particularly useful, but you can use any graph types that you feel suit your dataset.
• The front end should use the D3.js library (or similar) to create data-driven charts and the user must have some way of interacting and filtering the data in the charts using DC.js and crossfilter.js, or another equivalent.
• Use as much functionality as you deem necessary from the lessons
• Make sure your site is as responsive as possible. Use appropriate testing sites to test your web sites in several different environments
• Write a README.md file for your project (in Markdown format) that explains what the project does and the need that it fulfils. It should also describe the functionality of the project, as well as the technologies used. Detail how the project was deployed and tested and if some of the work was based off other code, explain what was kept and/or how it was changed to fit your need. A project submitted without a README.md file will FAIL.
• In addition to the README.md file, you may include in your repository supplementary documentation and/or other relevant supporting material for the assessor in any format that is automatically handled by web browsers, such as html, pdf, jpg, etc. Files in proprietary formats such as Microsoft doc/docx will be ignored; but this is generally not a hindrance, since the vast majority of formats can be easily exported to PDF.
• Use Git & GitHub for version control. Each new piece of functionality should be in a separate commit.
• You should deploy the final working version of your code to Heroku (or an alternative hosting platform that you are familiar with)

As you can see the name already suggests that this project is a graphical representation of the marine debris, especially plastic in our waters all around the planet which continues to poison the marine life and us. The graphs above represent a real life debris quantities which are dumped in our oceans during on 1 year time around the planet. Apart the fact that this is my second project within Code Institute, I would like to make everyone aware of this damage by showing it to everybody.

1. HTML5

• HTML5 is the latest evolution of the standard that defines HTML

2. CSS3

• CSS3 is the latest evolution of the Cascading Style Sheets language

3. Flask

• Flask is a microframework for Python

4. Mongo

• MongoDB

5. JavaScript

• A programming language

6. D3.js

• D3.js is a JavaScript library for manipulating documents based on data

7. Bootstrap

• Bootstrap is an open source toolkit for developing with HTML, CSS, and JS

Travis CI is a hosted, distributed continuous integration service used to build and test software projects hosted at GitHub. Open source projects may be tested at no charge via travis-ci.org. Private projects may be tested at travis-ci.com on a fee basis. Travis badge can be seen above or here which means that my project has passed travis tests.

Code Institute - the course I'm taking

Kaggle - is an online community of data scientists and machine learners, owned by Google, Inc. Kaggle allows users to find and publish data sets, explore and build models in a web-based data-science environment, work with other data scientists and machine learning engineers, and enter competitions to solve data science challenges. Kaggle is the place where I found the data I used for this project.