Live Weather Demo

The demo shows weather forecasts from the Norwegian Meteorological Institute in five Dashboards components. The first data row shows the latest observation, the rest the forecast for the upcoming 24 hours.

How to use

Weather stations are selected by clicking on a map marker. Weather parameters (temperature, wind, precipitation) are selected by clicking on a KPI (gauge).

Dashboards components

Highcharts Maps markers and tooltip show the selected parameter.
Dashboards HTML shows the selected station with locational information.
Dashboards KPI shows info from the selected station: current temperature, current wind speed and expected precipitation over the next 24 hours.
Dashboards Datagrid shows all the parameters of the selected station for the next 24 hours.
Highcharts Chart (spline, column, area/windbarb) shows the selected parameter of the selected station for the next 24 hours.

Data set

The data shown in this demo are weather forecasts containing temperature, wind strength and precipitation for a selection of weather stations in North America.

The station is selected by clicking on the map.
The weather parameter (e.g. wind) by clicking on a gauge in the KPI component.
All date/time indications are UTC.

Customizing the demo

The demo offers limited customization possibilities directly in the code:

New weather stations can be added (and existing deleted).
Alternative sets of weather stations can be used.
The range of the data set is configurable. By default the sample start from the latest observation and 24 hours into the future. Note that the entire data set covers 19 days.