-
Notifications
You must be signed in to change notification settings - Fork 2
/
01-interface.Rmd
148 lines (70 loc) · 5.35 KB
/
01-interface.Rmd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
# Interface
The different steps of the creation/exploration/geovisualization of a flowmap are accessible through the interface of Arabesque.
>1. Importing flow datasets (links and/or nodes)
>2. Processing flow datasets (indicators calculation, ...)
>3. **Geographical data computing : designing the map background (layers, ...)**
>4. **Cartographic symbolization : designing the flowmap signs (arrows, ...)**
>5. **Statistical data computing (filtering, ...)**
>7. **Export**
**The general structure of the interface** is composed of three panels.
- The **central panel** is for displaying the map - centered in France here.
The two side panels are for playing with information:
- The **left panel** is for dealing with geometries and geographical layers. Here are displayed CARTO Based map : Voyager and
- The **right panel** is for playing with the flow data set.
![](images/panels_arabesque.png)
## The central panel
The central part of Arabesque corresponds to the **map view**. It results from the choice of the layers to be displayed (from the left panel) and the filtering of the values of the links and nodes (from the right panel).
This central panel also presents different buttons allowing the implementation of primary actions.
### Primary actions with butons
The white page of Arabesque is decorated with blue action buttons.
![](images/central_panel_clear.png)
**Details of the different buttons**
![](images/Buton_in_out.png) Successively zoom in/out - the same way as with the mouse wheel.
![](images/Buton_sauv.png) Save the project in .ZIP for later use.
![](images/Buton_export.png) Export the map in .PNG including legends and and contributors' sources for external backgrounds such as OSM or NaturalEarth data.
![](images/Buton_center.png) Refocus and display the entire view without zooming in/out or panning.
![](images/Buton_export.png) Export the filtered flow data - the ones visible on the map - as a list file in .JSON format.
![](images/Buton_leg.png) Show/hide the legend.
![](images/Buton_screen_black.png) Switch to full screen display - with black background.
![](images/Buton_open_panel.png) Open/close the panels located on each side of the map.
### Primary legend
A legend is automatically generated for each map for nodes and links plot.
![](images/center_legend.png)
The symbolization elements (size, color and opacity) of the nodes and links are included. Here (for the default map), it is the volume of flows and the degree of places that are represented.
## The geographic panel
The left panel is to **design the map**:
- dealing with the background as the geographical/geometrical layers
- customize the _design_/style of the nodes and links features
map.
The management of geographic information is composed of two sub-sections:
![General geographic information management panel](images/geom_panel.png)
![](images/Buton_home.png) Return to the [home page](arabesque.ifsttar.fr) to start a new view.
Actions on the background of the map are for changing projections of the current map and/or to add other layers : remote or personal one.
See [Design map background](./Design-map-background.html) section.
Actions on the design/style is for (additional) geographic layers that have been adding through the previous action.
See [Design flowmap signs](./Design-flowmap-signs.html) section.
## The geographic layer manager
In practice, a map is composed by several layer such as the bounding boxes, the graticules, the countries of land, etc.
### Layers forming a flowmap
All these layers (from RIcardo example) can be loaded in the map design background section by Add Layers.
They then appear in the layer manager sub-panel, one above the other as shown below.
![](images/RICardo_Design_signs_layers.png)
The present layers are all available on the map - but not necessarily all of them are visible.
The layers on the view are positioned in an order that affects their visibility. The top layer will be visible in the foreground.
### Layer rearrangement
The drawing of the different layers and their objects can be finely parameterized in _Arabesque_, in order to take into account the possible complexity of the information (density of the matrix) which requires a particular management of the superimpositions and the arrangements of the layers of links and nodes.
In the example below, the largest links are placed in the foregroundby default, while the largest circles are not. After their rearrangement, the largest links are background and their color intensity has been changed (See Chapter [Designing flowmap signs](./Design-flowmap-signs.html)).
_EXAMPLE:_ rearrangement of nodes and links.
![](images/Dispositions.png)
The position of the layers above and below (foreground/lowerground) can be modified by a simple drag and drop.
![](images/RIcardo_layout_dragdrop.png)
_**Do it yoursel!**_:
-- Click on the link layer and hold it down;
-- Drag/drop the link layer and place it in the foreground;
-- Release the layer;
-- Repeat the same operation with the node layer if necessary._
After that, it can be seen that the flow layer has just been brought to the forefront.
## The statistical panel
The **right panel** is for playing with the flow data set, nodes and links, and to **filter the map**.
![](images/icon_links_filtering.png) Display a filtering on the links/flows
![](images/icon_nodes_filtering.png) Display a filtering on the nodes