Urban SIS
D4.4 Visualisation report
Issued by: Swedish Meteorological and Hydrological Institute
Date: 29/12/2016
Official deadline: 31/12/2016
REF.: C3S_441 Lot3
Urban SIS D4.4
Copernicus Climate Change Service
This document has been produced in the context of the Copernicus Climate Change Service
(C3S). The activities leading to these results have been contracted by the European Centre for
Medium-Range Weather Forecasts, operator of C3S on behalf of the European Union
(Delegation Agreement signed on 11/11/2014). All information in this document is provided as
is and no guarantee or warranty is given that the information is fit for any particular purpose.
The user thereof uses the information at its sole risk and liability. For the avoidance of all
doubts, the European Commission and the European Centre for Medium-Range Weather
Forecasts has no liability in respect of this document, which is merely representing the authors
view.
Copernicus Climate Change Service
Urban SIS
D4.4 Visualisation report
Editors: VeryDay (Ellen Wheatley, Design research)
VeryDay (Anders Örtengren, Designer)
VeryDay (Anders Arnqvist, Designer)
SMHI (David Segersson, WP4 leader)
SMHI (Lena Strömbäck, WP7 leader)
Copernicus Climate Change Service
Contents:
Contents: .......................................................................................................................................................................................................................3
Introduction ................................................................................................................................................................................................................1
Design method............................................................................................................................................................................................................1
Workshops and interviews ...................................................................................................................................................................................1
Results ............................................................................................................................................................................................................................1
Search for indicators ..........................................................................................................................................................................................1
Identifying relevant data ..................................................................................................................................................................................2
Saving and sharing interesting views .........................................................................................................................................................4
Exporting data .......................................................................................................................................................................................................4
Further work ...............................................................................................................................................................................................................4
Appendix1: User journey in the Urban SIS portal ......................................................................................................................................5
Copernicus Climate Change Service
Introduction
This report summarizes the work on interface design and visualisation for the data portal in
WP4 lead by Veryday. During the work input has been collected via workshops and end user
interviews to create guide lines for the design of the web portal. The guidelines consist of a user
guide that describes how the user can search and download Urban SIS data.
In this report we start with a brief overview of the used method and summarize some of the
main features of the design. The full design journey is presented in Appendix A.
Design method
In order to understand and establish the relevant data and functionality requirements, as seen
from the end user perspective a number of qualitative end user interviews were conducted prior
to initiating the design phase. The interviews were explorative and generative in nature. The
synthesized outcome set the scope for the UX design and system requirements.
Workshops and interviews
The work has been performed using and iterative approach where workshops and interviews
has been used as input to the design process. The following steps have been performed to
collect input to the design proposal for the interface.
Date
Dec 17th
2015
Activity
Workshop
Participants
End users from
Stockholm
Feb 20th
2016
Workshop
End users from
Bologna
Apr 22nd
2016
Workshop
SMHI, Veryday
May 1st
May 12th
2016
May 26th
2016
May 26th
2016
June 2016
Report
Interview
SMHI end users
Sep 1st
2016
Oct 2016
Workshop
Interview
Interview
Stockholm
Vatten end user
WSP end user
Report
Report
SMHI, Veryday
Description
Urban SIS workshop with Stockholm end
users to get a first introduction to the problem
space.
Urban SIS workshop with Bologna end users
to get a first introduction to the problem
space.
Internal workshop between WP4 and WP7 to
discuss general user and data requirement
and review portals with similar data content.
First mock-up of the user journey
Review of the mock-up based on the user´s
need.
Review of the mock-up based on the user´s
need.
Review of the mock-up based on the user´s
need.
Second version of the mock-up based on
user interviews.
Internal workshop between WP4 and WP7 to
discuss and prioritize functionality
Final version of the mock-up.
Results
The design resulting from this workshop is presented in Appendix A. In this section we
summarize some of the main features.
Search for indicators
There are a large numbers of indicators produced for each city within Urban SIS. It is important
that the user easily gets an overview of indicators. Therefore the design proposes to present
Urban SIS D4.3 Indicators for urban assessments, C3S_441 Lot3 Urban SIS, D4.3
1
Copernicus Climate Change Service
indicators as an hierarchy, based on the hierarchy defined in the indicator report D4.2. In this
hierarchy the user can choose based on category and, in addition, there is a possibility to
search indicators by writing, where matching items in the hierarchy will be highlighted (figure 1
left)
Once a main indicator has been selected the a menu will appear where the user can choose
details about which statistics of the indicator he wants to visualise on the map at the top or as a
graph at the bottom.
Figure 1: Selection of indicators.
Identifying relevant data
One main use case that has been identified for the portal is to find an event of interest and then
select a subset of data (time and space) based on this event. In the design, this is accomplished
by allowing the user to show time series data for selected points and use this information to
identify events and select which time periods to show on the portal. Figure 2 shows the design
for this and figure 3 shows how it is currently implemented in the portal with real data for a rain
event.
Urban SIS D4.3 Indicators for urban assessments, C3S_441 Lot3 Urban SIS, D4.3
2
Copernicus Climate Change Service
Figure 2: Showing time series data as a basis for selecting interesting events for further discovery or
download.
Figure 3: Detail from how this functionality is implemented in the portal with real precipitation data.
Urban SIS D4.3 Indicators for urban assessments, C3S_441 Lot3 Urban SIS, D4.3
3
Copernicus Climate Change Service
Saving and sharing interesting views
To make it easy to save interesting views of the data and then continue exploring the rightmost
pane contains a button for saving an interesting view (figure 4 left). The button “saved views”
shows a list of all views that has been saved during the current session. A sample list of saved
views is showed to the right in figure 4. Based on this list the user can return to any of the
views, share views to other users, or remove views that are no longer interesting.
Figure 4: Saving and sharing views.
Exporting data
The list of saved views is also the basis for export of data. The idea is that the user selects
which of the views he wants to export and then the desired export format. The user will then
export data relevant for this view, i.e. data for the selected probes and time period currently
shown in the view. However, the user will be presented with details of the current export and
will be able to further specify or change these settings. For instance, if export of data for an
area instead of for specific points is desired, the user will be requested to specify this area.
Currently we plan to support export as NetCDF and at least one additional format, probably csv
or GeoTIFF. The final decision on details of data export will be taken together with end users
and based on tests with actual data.
Further work
WP 7 has already started the process of adapting the design to the look and feel required by
Copernicus C3S. A first version of the updated portal is already available on the Urban SIS web
pages (See http://urbansis.climate.copernicus.eu/ menu item “Access ECV:s and indicators”.)
This version contains all features of the suggested design except the split window functionality.
During early 2017 more data and information will be added to the portal. This will allow further
user input during the spring 2017 and, based on end-user experiences in Stockholm and
Bologna, modifications of the system during fall 2017.
Urban SIS D4.3 Indicators for urban assessments, C3S_441 Lot3 Urban SIS, D4.3
4
Copernicus Climate Change Service
Appendix1: User journey in the Urban SIS portal
Urban SIS D4.3 Indicators for urban assessments, C3S_441 Lot3 Urban SIS, D4.3
5
Branded headers and/or
footers added to the interface
is recommended to be kept to a
minimum. In a best practice they
could be used either 1) as a start
page where needed information
is placed along with a link that
opens the interface in a popup
windown, or 2) that headers and/
or footers scrolls out of screen
when mouse is not in near area.
Headers/footers
—
Start screen with a grayed out
map of entire Europe, a hint of
what the start screen could look
like when all Europe is available.
On top of the map a dark gray
layer with prototype shortcuts to
the available cities. Layer with
shortcuts can later be removed.
1. Start screen
User Journey
SMHI
Non-sector specific
> Temperature
> Snow cover
Precipitation and flooding
> River discharge
> Soil
> Precipitation
Aggriculture and green infrastructure
> Indicator
> Indicator
Energy
> Indicator
> Indicator
Health
> Air quality
> Heat stress and discomfort
Add data indicator
Stockholm
Prototype shortcuts:
Bologna
Rotterdam
ZOOM
IN MAP
Search location
SMHI
1 / 16
Below the navigation options
the menu contains an data
information area 2 and the
options to save the view 3
including current map and
indicators, and to export the
saved views 4 from separate
menu (see page 16).
The selection of Stockholm
loads a map with a large view of
the entire data area. Tools and
information about location and
map settings is found in the top
1 right interface area.
2. Navigating the map
User Journey
SMHI
Add data
ZOOM
IN MAP
1
2
SAVED
VIEWS
4
SAVE
VIEW
3
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
2 / 16
The hand cursor 1 and the
zoom buttons 2 can be used to
navigate in the map. The search
bar 3 can also be used to find
the desired area and zoom level.
3. Set view
User Journey
SMHI
Add data
1
2
ZOOM
IN MAP
SAVE
VIEW
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
3
SMHI
3 / 16
The left interface area is the Add
data menu, where user adds what
indicator to see in the view. The
menu is both an area 1 for text
search in all levels of the menu,
and at the same time a drop down
menu allowing visual navigation
and selection in the menu 2 , in
the number of levels needed in
the hierarchy.
4. Add data
User Journey
SMHI
Non-sector specific
> Temperature
> Snow cover
Precipitation and flooding
> River discharge
> Soil
> Precipitation
Aggriculture and green infrastructure
> Indicator
> Indicator
Energy
> Indicator
> Indicator
Health
> Air quality
> Heat stress and discomfort
Add data indicator
1
2
ZOOM
IN MAP
SAVE
VIEW
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
4 / 16
Available options for the indicator
is available in a number of menus
and settings. A first step is to
choose the deired variable of the
viewed data in the drop down
menu 5 .
The indicator Air temperature is
added, opening a new drop down
menu bar 1 . The arrow 2 allows
the drop down to minimized. The
X 3 deletes the selection of Air
temperature and returns to Add
data menu (as on page 2). When
first indicator is set, the option
for adding a Second indicator in a
split screen is added to the right
4 (for use case see page 15).
5. Set indicator
User Journey
SMHI
1
1111
2222
3333
4444
5555
6666
7777
Choose indicator variable
SHOW DATA IN GRAPH
OPACITY SETTINGS:
Default colour scheme
COLOUR SETTINGS:
0000
LEGEND
Minimal
Max
value:
0000
Mean
Daily
Hourly
FILTER
DATA:
Choose indicator variable
SHOW DATA ON MAP
Air temperature
5
8888
9999
Maximal
value:
9999
2
3
Second indicator (split screen)
4
ZOOM
IN MAP
SAVE
VIEW
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
5 / 16
The colour settings 5 opens a
drop down menu showing options
for user to change settings not
yet specified (for example colour
blindness or other colour schemes
than the default one).
When a desired variable is set the
timeline 1 and the gridded data
2 is shown. Additional settings
of the data layer can be made,
filtering the data visualization
3 by changing the minimal and
maximal value, and the opacity of
the legend 4 .
6. Set variable
User Journey
SMHI
1111
2222
3333
4444
5555
3
6666
7777
1
Historic (2006–2011)
TIMEFRAME/SCENARIO
AIR TEMPERATURE
Choose indicator variable
SHOW DATA IN GRAPH
OPACITY SETTINGS:
Default colour scheme
COLOUR SETTINGS:
0000
LEGEND
Minimal
value:
0000
FILTER DATA:
Choose indicator variable
SHOW DATA ON MAP
Air temperature
8888
9999
Maximal
value:
9999
2006-01-01
START POINT: 2005-01-01 (00.00)
4
5
2007-01-01
Second indicator (split screen)
2008-01-01
2007-01-01 (00.00)
2009-01-01
RESOLUTION: MONTHS | PRESENT TIME SPAN: 5 YEARS, 11 MONTHS, 1 DAYS, 1 HOURS, 34 MINUTES
PRESENT VIEW:
2
ZOOM
IN MAP
2010-01-01
END POINT:
SAVE
VIEW
2011-01-01 (00.00)
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
6 / 16
A click on the arrow 1 in the
top area of the indicator menu
pulls the drop down menu up,
minimizing the menu, showing
more of the map.
7. Minimize variable
User Journey
SMHI
Historic (2006–2011)
TIMEFRAME/SCENARIO
AIR TEMPERATURE
Air temperature
1
2006-01-01
START POINT: 2005-01-01 (00.00)
2007-01-01
Second indicator (split screen)
2008-01-01
2007-01-01 (00.00)
2009-01-01
RESOLUTION: MONTHS | PRESENT TIME SPAN: 5 YEARS, 11 MONTHS, 1 DAYS, 1 HOURS, 34 MINUTES
PRESENT VIEW:
ZOOM
IN MAP
2010-01-01
END POINT:
SAVE
VIEW
2011-01-01 (00.00)
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
7 / 16
A probe point is added by right
clicking 3 on the map and
selecting Save probe point to list.
The information area 1 to the
right allways shows specific data
for a specific point on the map.
By default it shows the position
of the cursor (a time delay may
be needed to avoid real time
rendering). The bottom half of
the menu 2 is a list of saved
probe points manually added
by the user. Clicking one of the
probe points shows it’s data in
the information area instead of
the cursor. Clicking an X beside a
saved probe point deletes it from
the list.
8. Probe points
User Journey
SMHI
Historic (2006–2011)
TIMEFRAME/SCENARIO
AIR TEMPERATURE
Air temperature
2006-01-01
START POINT: 2005-01-01 (00.00)
2007-01-01
Second indicator (split screen)
2008-01-01
2007-01-01 (00.00)
2009-01-01
RESOLUTION: MONTHS | PRESENT TIME SPAN: 5 YEARS, 11 MONTHS, 1 DAYS, 1 HOURS, 34 MINUTES
PRESENT VIEW:
SAVE PROBE
POINT TO LIST
Position: 123 456 789
Data 1: 123 456 789
Data 2: 123 456 789
Data 3: 123 456 789
Data quality: Good
3
ZOOM
IN MAP
SAVE
VIEW
2010-01-01
2011-01-01 (00.00)
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
END POINT:
2
1
Stockholm
SMHI
8 / 16
The right and main 3 part of
the tool is the actual time line,
controlling the date and time of
the data shown on the map. The
blue handle 4 is the navigation
tool on the time line, setting the
time and date for the data shown
on the map. The green start
handle 5 and orange end handle
6 sets the time frame available
for navigation. As default this time
frame is all data available in the
selected scenario. Below the time
line is a text 7 presenting the
present time resolution between
the start and end handles.
The timeline 1 on the bottom of
the interface is the time controller
of the data visualization. It
renders the data out of three
scenarios; historic, present and
future. The desired scenario is
selected in a drop down menu 2
to the left, where more options
easily can be added later on.
9. Time line
User Journey
SMHI
Future (2050–2060)
Historic (2006–2011)
TIMEFRAME/SCENARIO
Present (2006–2016)
AIR TEMPERATURE
1
Air temperature
2
5
2006-01-01
START POINT: 2005-01-01 (00.00)
3
4
2007-01-01
Second indicator (split screen)
2008-01-01
2007-01-01 (00.00)
2009-01-01
7
RESOLUTION: MONTHS | PRESENT TIME SPAN: 5 YEARS, 11 MONTHS, 1 DAYS, 1 HOURS, 34 MINUTES
PRESENT VIEW:
SAVE PROBE
POINT TO LIST
Position: 123 456 789
Data 1: 123 456 789
Data 2: 123 456 789
Data 3: 123 456 789
Data quality: Good
ZOOM
IN MAP
2010-01-01
END POINT:
SAVE
VIEW
6
2011-01-01 (00.00)
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
9 / 16
2
The grey guides in the time line
is shown in months, weeks, days,
hours or minutes depending the
time resolution, and are also
specified in the below 5 . The
date and time of the handles can
also be typed in manually 5 by
clicking their text labels. Dragging
the gray line between the handles
6 moves the entire time frame on
the time line.
Dragging the start 1 and stop
handles changes the start and
end time, hence the time frame
and resolution of the time line,
allowing the user “zoom” in the
time line and navigate to more
exact moments with the blue
handle 3 .
10. Using the time line
User Journey
SMHI
Historic (2006–2011)
TIMEFRAME/SCENARIO
Present (2006–2016)
Future (2050–2060)
AIR TEMPERATURE
Air temperature
START POINT:
1
2007-01-02 (00.00.00)
2007-01-01 (00.00.00)
5
Second indicator (split screen)
6
2007-01-02 (12.57.15)
2007-01-02 (00.00.00)
4
RESOLUTION: HOURS | PRESENT TIME SPAN: 2 DAYS, 0 HOURS, 0 MINUTES
PRESENT VIEW:
5
3
ZOOM
IN MAP
END POINT:
2
SAVE
VIEW
2007-01-03 (00.00)
5
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
10 / 16
To maximize the map and data
view the tools and menus can be
toggled 1 on and off.
11. Toggle tools
User Journey
SMHI
1
TOGGLE
TOOLS
SMHI
11 / 16
In the indicator menu, the option
Show data as graph 1 opens a
new interface area, allowing the
viewing of data types that needs
to be shown as graphs instead of
a map layer.
12. Add data as graph
User Journey
SMHI
1111
2222
3333
4444
5555
6666
7777
Historic (2006–2011)
TIMEFRAME/SCENARIO
AIR TEMPERATURE
Indicator variable
Indicator variable
IDF-curves
Time series
Choose indicator variable
SHOW DATA IN GRAPH
OPACITY SETTINGS:
Default colour scheme
COLOUR SETTINGS:
0000
LEGEND
Minimal
value:
0000
FILTER DATA:
Choose indicator variable
SHOW DATA ON MAP
Air temperature
1
8888
9999
Maximal
value:
9999
START POINT:
2007-01-02 (00.00.00)
2007-01-01 (00.00.00)
Second indicator (split screen)
2007-01-02 (12.57.15)
2007-01-02 (00.00.00)
RESOLUTION: HOURS | PRESENT TIME SPAN: 2 DAYS, 0 HOURS, 0 MINUTES
PRESENT VIEW:
ZOOM
IN MAP
END POINT:
SAVE
VIEW
2007-01-03 (00.00)
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
12 / 16
If the data in the graph isn’t
relative to the timeline, a
separation of the two fields
may be nesessary to avoid
misunderstandings.
Clicking the X 5 closes the graph
and reverts to default timeline.
The data shown in the graph is
related to the current cursor and
the saved probe points 2 , just
as the information area in the top
right 3 interface area. Desired
points to be represented in the
graph is selected by clicking the
checkboxes 4 .
The graph is added in the bottom
of a bigger version of 1 the
timeline, where the data in the
graph can be related directly to
the current set time frame.
13. Data as graph
User Journey
SMHI
4
2
Current cursor
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
Norrmalm [Date/time]
TIME SERIES
Historic (2006–2011)
TIMEFRAME/SCENARIO
AIR TEMPERATURE
Air temperature
1
Value 5
Value 4
Value 3
Value 2
Value 1
Value 1
2006-01-01
Value 2
Value 3
START POINT: 2005-01-01 (00.00)
Value 4
2007-01-01
Second indicator (split screen)
2008-01-01
2007-01-01 (00.00)
2009-01-01
Value 6
Value 7
Value 8
Value 9
Value 10
Value 11
RESOLUTION: MONTHS | PRESENT TIME SPAN: 5 YEARS, 11 MONTHS, 1 DAYS, 1 HOURS, 34 MINUTES
PRESENT VIEW:
Value 12
ZOOM
IN MAP
SAVE
VIEW
Value 13
2010-01-01
Value 14
Value 15
2011-01-01 (00.00)
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
END POINT:
3
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
5
SMHI
13 / 16
There is also the option of syncing
the time lines 3 , making one time
line control the time frame for
both indicators in the same way.
The time line has added features
in split screen. It has tabs to
toggle between controlling the left
1 or the right 2 indicator.
Adding a second indicator opens
a split screen with two versions of
the same map with one indicator
on each screen. All map settings
of the indicators uses the same
principles, navigating in one map
also changes the other one in the
same way.
14. Split screen
User Journey
SMHI
Historic (2006–2011)
TIMEFRAME/SCENARIO
AIR TEMPERATURE
1
Air temperature
2006-01-01
START POINT: 2005-01-01 (00.00)
2007-01-01
2008-01-01
2007-01-01 (00.00)
2009-01-01
RESOLUTION: MONTHS | PRESENT TIME SPAN: 5 YEARS, 11 MONTHS, 1 DAYS, 1 HOURS, 34 MINUTES
PRESENT VIEW:
Precipitation
3
SAVE
VIEW
2010-01-01
END POINT:
2
TOGGLE
TOOLS
2011-01-01 (00.00)
PRECIPITATION
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SYNC SPLIT SCREEN TIMELINES
ZOOM
IN MAP
SMHI
14 / 16
The selection of syncing the time
lines moves the right tab over
to the left tab 1 and renders
unclickable to indicate that
one time line now control both
indicators. Clicking the X 2
divides the time lines to default.
15. Synced time line
User Journey
SMHI
1
PRECIPITATION
Historic (2006–2011)
TIMEFRAME/SCENARIO
AIR TEMPERATURE
Air temperature
2
2006-01-01
START POINT: 2005-01-01 (00.00)
2007-01-01
2008-01-01
2007-01-01 (00.00)
2009-01-01
RESOLUTION: MONTHS | PRESENT TIME SPAN: 5 YEARS, 11 MONTHS, 1 DAYS, 1 HOURS, 34 MINUTES
PRESENT VIEW:
Precipitation
ZOOM
IN MAP
2010-01-01
END POINT:
SAVE
VIEW
2011-01-01 (00.00)
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
SMHI
15 / 16
The lower part 5 of the menu is
the export options, allowing the
selection of available file types
6 and the options of sharing or
downloading 7 the data set. The
file size of the data set is shown
8 as a reminder of the large data
that is handled.
The upper part 2 of the menu
is a list of all saved views that
scrolls down to show all items. All
views has a shortcut 3 and an
export 4 option.
The menu 1 for viewing all saved
views allows both bookmarks to
re-open the views in the interface,
and to export the desired views in
a data set.
16. Export views
User Journey
SMHI
Historic (2006–2011)
TIMEFRAME/SCENARIO
AIR TEMPERATURE
Air temperature
Add to
export
4
2
Add to
export
2006-01-01
START POINT: 2005-01-01 (00.00)
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Go to
view
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
3
Go to
view
Saved views
Add to
export
Add to
export
2007-01-01
Go to
view
Add to
export
Add to
export
5
Add to
export
Add to
export
Raw
data
6
File
type
2009-01-01
File
type
EXPORT AS:
File
type
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Go to
view
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Go to
view
RESOLUTION: MONTHS | PRESENT TIME SPAN: 5 YEARS, 11 MONTHS, 1 DAYS, 1 HOURS, 34 MINUTES
2008-01-01
2007-01-01 (00.00)
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Go to
view
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
PRESENT VIEW:
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Go to
view
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Go to
view
Second indicator (split screen)
Add to
export
Add to
export
SHARE
DATA SET
7
8
SAVE
VIEW
2010-01-01
2011-01-01 (00.00)
SAVED
VIEWS
Saved probes:
Drottninggatan [Date/time]
Kungsgatan [Date/time]
Reningsverket [Date/time]
Västerbron [Date/time]
Riddarfjärden [Date/time]
1
TOGGLE
TOOLS
Current cursor
Position: N40°42’ 46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Stockholm
END POINT:
DOWNLOAD
DATA SET
CURRENT FILE SIZE: 14GB
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Go to
view
Precipitation South
Created: 2016-01-01 (13.14)
Historic scenario 2006–2011
Position: N40°42’46W74°0’21
Indicator 1: 123 456 789
Indicator 2: 123 456 789
Data quality: Good
Go to
view
ZOOM
IN MAP
SMHI
16 / 16
Copernicus Climate Change Service
ECMWF Shinfield Park Reading RG2 9AX UK
climate.copernicus.eu
copernicus.eu
ecmwf.int