-
Notifications
You must be signed in to change notification settings - Fork 1
/
06-design-nodes.qmd
97 lines (51 loc) · 3.82 KB
/
06-design-nodes.qmd
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
# Designing the nodes of the flowmap
This chapter concerns the drawing of the nodes, especially the configuration of their semiology.
![](images/geom_panel_nodessigns.png){fig-align="left"}
::: {.callout-note appearance="simple"}
## Note
Note: other geographic information layers (tiles, ...) can also be displayed in this section.
:::
## Nodes semiology
![](images/Buton_action_semio.png) Three semiological parameters are available for designing the links : their color, their size their topononym or label and their opacity.
Hereby the general window for changing the semiology and the style of the nodes, regarding three parameters : their color, their size and their toponym (text).
![](images/Nodes_semio.PNG){fig-align="left"}
## **Nodes' color**
The colour of a node can be set according to three criteria: a setting mode, a variable and the type of the variable.
### Setting modes of the color
- **Constant mode** means that the color of the nodes is fixed and identical for all nodes.
![](images/Nodes_color_constant.png)
- **Conditional mode** means that the color of the nodes will vary according to the character value (of a variable)
![](images/Nodes_color_conditionnal.PNG){fig-align="left"}
The reference for the color schemes is Cynthia Brewer palette for Diverging, Multi Hue and Single Hue. See: [Color Brewer advices for maps](https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3). An Extra Palette is also proposed in Arabesque.
### Colour variation as a function of a variable
The color of the nodes can be set according to one of the variables (initial or calculated by Arabesque) that are available in the dataset.
![](images/geom_add_nodes_1_color_variable.png)
### Colour variation as a function of the type of a variable
::: {.callout-caution appearance="simple"}
## Caution
The type of color range (Diverging/Multi Hue/Single Hue/Extra Palette) will have to be realized according to the type of the variable to represent (quantitative/qualitative, discrete/continuous, stock/ratio/scale, ...).
:::
![](images/geom_add_nodes_1_color_variable2.png)
The progression (up/down) of the **color range** depends on that of the **value range**: it can be direct or inverse. The checked box means an inverse progression: a light color is applied to a strong value.
![](images/geom_add_nodes_1_color_variable3.png)
## **Node's size**
The size of the nodes can be fixed and the weight defined.
![](images/geom_add_nodes_2_size.png)
### Nodes' size weighted by a variable
The size of the nodes can be **weighted by a variable** according to one of the initial or additional **variables** available in the dataset (hereby the balance).
![](images/geom_add_nodes_2_size_variable.png)
Three functions to set the size of the node according to the corresponding value are proposed: linear, square, square root and logarithmic.s
![](images/geom_add_nodes_2_size_fct.png)
### Nodes' size ratio
The **ratio** representing the max width in pixel of the graphic features can be defined - according to the map bounding box, to obtain an image with balanced features (neither too small nor too big).
![](images/geom_add_nodes_2_size_ratio.png)
## **Node's label (text)**
Textual elements can also be added near the nodes.
![](images/geom_add_nodes_3_texte.png)
The text can be defined according to one of the variable available in the nodes' dataset, here the name, the type, etc..
The opacity of the text shade (currently set to black) can be set to a given value (here 0.91).
![](images/geom_add_nodes_3_texte_fixe.png)
The opacity of the text shade (currently set to black) can be varied according to an indicator present in the dataset, that is to say : the nodes' original variables and the precalculated ones (degree, ...).
![](images/geom_add_nodes_3_texte_variable.png)
## The nodes' geometric parameters
Not implemented yet. Upcoming projects.