WebPage Berkeley Earth Temperature - Data Visualization project
- Execute a server with project/index.html as main html.
- If the laptop has a screen of 13'', reduce the zoom of the page to 75%.
- In the project folder there is the file index.html that is the html of the webpage, with the corresponding style, contained in the file style.css. The file InitPage.js and eventsPages.js contain respetively the function to inizialize all the elements in the webpage and the main events of the page. Instead left_bar.css is the style of the side bar, and loader.css is the style for the loading page.
- The data folder contain all the data needed for the application.
- In the download_data folder there is the code that allow to download and reorganize the raw data from the Berkeley website.
The map folder contains all the javascript files which implement the map with all the relative features.
- color_scale.js contains the functions for the color scale and the legend;
- map_btn.js implements the buttons to control the zoom and the panning;
- the menu of the animation is implemented in menu_map.js;
- The slider for the choice of the year is implemented in slider.js;
- The implementation of the dropdown menu to select data relate to a country is in select_country.js;
- all events and the main functions of the map (plot, update...etc) are in script.js;
The Charts folder containts the javascript files which implement the other charts:
- The linechart for the climate changes;
- The climate stripes;
- The mean rate of changes table;
- The group of linecharts for the anomalies record;
- The linechart of seasonal changes;
Is possible to view the webpage here (not always available).
Contributors: