Minor Programming UvA
Final project of Dataprocessing
Mendel Engelaer 10996222
mendelengelaer@hotmail.com
YouTube Walkthrough: https://www.youtube.com/watch?v=qFvJpZwDl_g&feature=youtu.be
Trees are essential for the existence of human beings. Without them we would simply not be able to breath. According to Bradford et al. (2015) 15 billion trees are cut each year. But where do all these threes come from? And which countries produce the most trees? Can we create more awareness, among people that do not live in countries where forests are cut every day, for the cutting of forests by making an interactive visualisation?
I have created an interactive website that visualizes the forest area change from 1990 up to 2015.
Github Pages: https://mensel123.github.io/final_project/final.html
This is de main page of my website. This page has not so much a function by itself but hopefully impresses the visitor.
This page gives the visitor a brief introduction to the problem. Using several sources the problem, main causes and a solution are described. The images are there to underline the seriousness of the problem.
This page shows all the visualizations. The top of the page starts with a toolbar. In the left top corner a world map is shown, to the right of this is a linechart. Beneath the map and linechart there is a barchart.
In the toolbar the user can see some of the functionalisaties of the graphs. The user can slide through all the years, then the map and bargraph will adapt to the selected year. Furthermore the user can search countries to visualize in the linegraph and the user can choose to use the compare function. This function allows the user to add multiple graphs to the linechart to compare the lines.
Next to the toolbar is a question mark and when the user hoovers over it, it gives a brief explanation of the functions in the toolbar. All graphs in this image have a tooltip that show additional information about the graph.
This page allows the user to contact me for questions.
https://data.worldbank.org/indicator/AG.LND.FRST.ZS This dataset contains forest area of % land area for many countries. I have used this dataset to create my visualisations.
D3 library License: BSD 3-Clause "New" or "Revised" License Source: https://github.com/d3/d3
Pandas License: BSD 3-Clause "New" or "Revised" License Source: https://github.com/pandas-dev/pandas
jQuery License: MIT License Source: https://github.com/jquery/jquery
Bootstrap License: MIT license Source: https://getbootstrap.com
SmoothScroll Source: https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate_smoothscroll
AutoFill Source: https://www.w3schools.com/howto/howto_js_autocomplete.asp
forest.jpg Source: https://www.pexels.com/photo/conifer-daylight-evergreen-forest-572937/
10094847976_55ba5907cd_o.jpg Source: https://www.flickr.com/photos/crustmania/10094847976
An_example_of_slash_and_burn_agriculture_practice_Thailand.jpg source: https://www.flickr.com/photos/7389415@N06/3420536970
This project is licensed under the terms of the MIT license. Mendel Engelaer, 2019