Klimainformationssystem

This webmap was made during a 2-week long final project at a WBS qualification in webmapping

This project aims to show some of the abilities webmapping has to offer for climate data. Large datasets made easy accessible, userfriendly to explore and comparable to each other and observational data.

As a beginner in HTML, CSS, Javascript and Leaflet and with a limited time to do this project, it is not a full fledged climate information system!
Also NO serverside software like Geoserver or PostgreSQL is used, in order for the webmap to be independent without to have to pay for extra servers when put online by me.

Therefore, only a limited amount of climate data and only one observational station is used to show the potential. More data could be easily added with more time and a dedicated server.

Instructions

  • Map
  • COSMO-CLM
  • DWD
COSMO-CLM (CCLM) is a regional climate model, meaning it can be used to simulate only a limited area with a very high resolution. For that it needs so called forcing data, which updates the regional model on the edges in pre-defined intervals. Depending on the forcing data you get reanalyses runs, which can be used to evaluate a model against observations or "forecast" for the future in different scenarios.

The data used in this webmap has a resolution of 5 km and 1.3 km.

All fields are mean values over the given time period.

The naming scheme is the following:

CCLM1_3km_VAR_XXX_YYYY_ZZZZ

CCLM1_3km: Declares which resolution is used. For clarity the CCLM5km is ommitted and only 1.3km is tagged, when not clear from grouping.

VAR: stands for the variable :
  • T_2M : Mean Temperature in 2 metre above ground
  • T_2M Min: Mean Minimum Temperature in 2 metre
  • T_2M Max: Mean Maximal Temperature in 2 metre
  • TOT_PREC: Mean yearly sum of precipitation in mm
  • TOT_PREC: Mean yearly sum of precipitation in mm
  • WED: Mean Wind Energy Density in W/m²
  • EWP: Mean Extractable Wind Power in Kilowatt
  • Windstaerke: Mean windspeed in m/s in 10 metres or 90 metres
XXX: stands for the forcing data used
  • ERA : ERA-40 is used as forcing data
  • C20: ECHAM5 the 20th Century IPCC AR4 with no CO2 adjustment is used
  • A1B: ECHAM5 in SRES A1B Scenario after IPCC AR4 with CO2 adjustment is used
YYYY_ZZZZ: Declares the time period with the startyear YYYY and the complete endyear ZZZZ
All observation data is provided by the German Weather Service (DWD) as a WMS layer via maps.dwd.de or climate monitoring timeseries.
Every layer is a 30 year mean from 1961-1991.
























LALA

Topright Corner
Layercontrolbild
Here you can choose which layer you would like to see:

Base maps are layers underneath the data layers.
DWD are the layers from the German Weather service.
CLM Reanalyse ERA has 10 year mean fields of Temperature in 2 metres above ground and precipitation for both 1.3km and 5km horizontal resolution.
CCLM 5km Climate has layers from the ECHAM5 forced climate runs with a 30 year mean for both the C20 and A1B scenario.
CCLM 1.3km Climate has layers with an 1.3km resolution.
CCLM 5km Wind 10M has a 10 and 80m 10 year mean layer and some layers fo extractable wind power and wind energy density.

Topleft Corner
Zoom buttons or you can use your scrollwheel.
The number indicates the current Zoom-Level.

Sidebar
Some basic information about this project.
This page.
Here you can set the transparency for the CLM Layers.
Select the layer you would like to change from the list, set the value with the slider and activate the new value by clicking on the button "Set Alpha for selected CLM Layer".
To reset all values click on the reset button.
Here you can activate the Side by Side Plugin. It has 2 modes DWD and CLM mode.
To compare two DWD layers like windspeed you choose the left and right side and activate the plugin by clicking on the "Activate Side-by-Side DWD" button.
For CLM mode just click the corresponding button.
Currently only all layers are set to one side to be compared to observation.
Here you can select (multiple) layers for which you would like to know values by clicking on the coresponding gridbox.
You have to (de)activate your selection by clicking on the (de)activate button.
The values are shown on the bottomright corner.
Here you can find some Widgets to activate like a adress-searchbar
Here you can activate the observation data.
After activation you can see a marker placed over Trier. By clicking it, a popup will open with an interactive plot. Shown are Temperature and Precipitation on a monthly basis for the station Trier-Petrisberg from 1948-2016.
You can switch between both variables by clicking the second button (variable name) in the topleft corner of the popup.
The Zoombutton in the left upper corner of the popup zooms the plot to the years (1991-2000) for which ERA Reanalyse data is available.
The third button changes the Temperature to daily data.
Due to performance reasons precipitation is only monthly available.
On the upper right side there is a control menu for the plot.
You can double click on the legend entry to show only that entry and add by single clicking other entries. To activate all again simple double click a legend entry two times.
Here you can switch to Weather mode to see what the current weather situation is.
When activating Cities you can click in the popup on the City Name to get a Forecast. The data is mostly from within the latest hour but less than 3 hours old.
Here you can find functionalities I tried out, but couldn't bring to satisfactory working condition.
Here you can find all used Leaflet plugins and other Plugins. The download button beside a plugin directs you to my modified version.
Here you can see all Institutions from where I used the data.
Here you find some information about me.

Profile

Lukas Schefczyk

Dipl.-Geograf / diploma geographer

Sent me a

Area of expertise:

Study
  • Environmental Meteorology, Climatology, Numerical Modelling
  • Physical Geography
  • Remote Sensing
Software
  • OS: Windows, Linux
  • Office Software
  • LaTeX
  • CDO, NCL
  • ENVI, Erdas Imagine
  • QGIS / ArcGIS
  • PostgreSQL / Geoserver
Programming Languages
  • R
  • Bash
  • Matlab / Python / FORTRAN
Learned with this Project
  • HTML
  • CSS
  • Javascript
  • Leaflet

Transparency

Here you can set the transparency/alpha/opacity values for each selected layer

0-255


Known Bug: After 2-3 Layer Changes the Alpha may not reset, just press F5 and reload the page

Side by Side

Side By Side Choice:
Select which DWD layer you want on which side



Activate Side By Side for CLM Layers, to compare them to DWD layers.

Currently no Side-By-Side between CLM layers are supported

Activate ClickValues

Here you can select for which CLM-Layer you would like to have Values shown at the lower right corner when clicked on the map


CCLM Reanalyse ERA

CCLM 5km Climate

CCLM 1.3km Climate

CCLM WIND 10M 5km

Data

Here are informations and links to the data used in this map

COSMO-CLM data was produced by Lukas Schefczyk (me) in the Projects Global Change and TriCCS TriCSS Banner at the University Trier UniTrier Banner with the CCLM Model CLM Banner at the DKRZ. DKRZ Banner Data sets for Germany are provided by the German Weather Service via Geoserver (maps.dwd.de) DWD Banner and the Weather data is provided by OpenWeatherMap Logo

Leaflet-Plugins

Here are the Leaflet-Plugins used in this Webmap! You can also download my modified versions with a click on

Leaflet.Control.SideBySide

Leaflet.Ajax

Leaflet.wms-legend

Geotiff.js

plotty

Leaflet.geotiff

Leaflet.StyledLayerControl

Leaflet.sidebar-v2

Leaflet.control-geocoder

Leaflet.OpenWeatherMap

Sweet Alert

Font Awesome 4.7.0

Plotly.js

Widgets

Here are some Widgets to activate


Add a Location Searchbox to the map


Add a Scalebar to the lowerleft corner


Current Weather

Click on the switch button below to enter "Current Weather mode".

The Layers inside of Layer Control in the upper right corner will be changed to current Weather Layers from within the last 3 hours, but mostly last hour.

If the Cities Layer is not selectable, try to select pressure field first, then activate Cities and deactivate pressure

Test-Area

Here are some Features I tried out but didn't fully incorporate


Here you can set a new range of Values which should be rendered. Beware the Colorscale is incorrect after this. It is scaled after the new range.

MinRange

MaxRange



Animation
Start Timeseries of CLM ERA T_2M 1991 monmean (Jan-Dec)

Observation data

Here you can activate the observation data. Currently only station "Trier-Petrisberg" is included.

Click on the Marker on the Map to get interactive Plots