Código fuente wiki de Créer une pyramide des âges

Última modificación por Aurelie Bertrand el 2025/07/04 17:20

Mostrar los últimos autores
1 (% class="box infomessage" %)
2 (((
3 🙋 Ce tutoriel est à destination des **utilisateurs avancés**.
4
5 ⏱ Il est prévu pour être suivi de manière autonome en **30 minutes**.
6 )))
7
8 ----
9
10 {{ddtoc/}}
11
12 ----
13
14 = Introduction =
15
16 Ce tutoriel a pour objectif de réaliser une pyramide des âges. La pyramide des âges permet de représenter la répartition par sexe et âge d'une population à un instant donné.
17
18 Le jeu de données utilisé dans le tutoriel correspond à des données fictives d'une entreprise contenant des informations sur les employés de type identifiant, nom, age, etc. Ces données sont contenues dans le fichier Excel "**[[Registre_RH>>attach:Registre_RH.xlsx]]**".
19
20 L'ensemble de ce tutoriel se déroule dans le Studio.
21 Pour créer la pyramide des âges, nous allons tout d'abord préparer les données puis nous allons configurer un graphique de type Barres.
22
23 = Pré-requis =
24
25 Afin de pouvoir effectuer ce tutoriel, il est requis de :
26
27 * disposer d'une installation de DigDash Enterprise d'une version 2025R1 ou plus récente ;
28 * faire partie en tant qu'utilisateur du groupe d'autorisation "**Concepteur de modèles de données**";
29 * télécharger le fichier Excel "**[[Registre_RH>>attach:Registre_RH.xlsx]]**".
30
31 (% class="box" %)
32 (((
33 ℹ Les copies d'écran de ce tutoriel ont été réalisées avec le navigateur Chrome. Il peut y avoir de légères différences selon le navigateur.
34 )))
35
36 = Étape 1 : Créer et configurer le modèle de données =
37
38 (% class="box infomessage" %)
39 (((
40 Ce tutoriel part du principe que vous allez importer vos sources de données et créer vos graphiques dans votre rôle personnel.
41 )))
42
43 == Importer les données "Registre_RH" ==
44
45 Nous allons ici importer les données du fichier Excel "Registre_RH" (récupéré précédemment) qui représente les données de ressources humaines d’une entreprise fictive.
46
47 Pour cela :
48
49 1. Lancez le **Studio**.
50 1. Ouvrez l'onglet **Modèles**.
51 1. Cliquez sur le bouton **Nouveau modèle**.
52 1. Dans la boite **Création d'un nouveau modèle de données**, sélectionnez **Tous types** dans la rubrique **Fichiers**.
53 ➡ La boîte **Recherche de fichiers distants **s’affiche.
54 1. Dans la liste déroulante **Serveur**, sélectionnez “**Common Datasources**”
55 1. Cliquez sur le bouton **Ajouter un fichier au serveur..**
56 1. La boîte **Sélection d’un fichier local ou d’une URL **qui s’affiche, conservez la sélection par défaut** Depuis votre ordinateur**.
57 1. Cliquez sur **Parcourir **pour sélectionner le fichier **"Registre_RH" **récupéré précédemment.
58 1. Cliquez sur **OK**.
59 ➡ Le fichier est maintenant enregistré sur le serveur DigDash "**Common Datasources**" et accessible à tous les utilisateurs.
60
61 (% class="box infomessage" %)
62 (((
63 ℹ Si le serveur de document //**UserDocs **//est sélectionné les documents ne sont accessibles qu’à l’utilisateur les ayant déposés.
64 )))
65
66 (% start="10" %)
67 1. Dans la boîte **Recherche de fichiers distants**, sélectionnez **"Registre_RH"**.
68 1. Cliquez sur **OK.**
69
70 La boîte **Fichier Excel **s’affiche. Elle propose des options de sélection de données et une prévisualisation de celles-ci.
71
72 [[image:Registre_RH_FR.png||alt="Prévisualisation"]]
73
74 Les éléments de la première ligne du tableau correspondent aux types de données de chaque colonne. Nous allons donc les utiliser comme en-têtes de colonnes. Par exemple, ID Employé pour la colonne 1. Pour cela :
75
76 * Dans la section **Sélection des données**, cochez la case **Première ligne en tant que entête.**
77 [[image:First_line_as_header_FR.png]]
78
79 == Transformer la date de naissance en âge (optionnel) ==
80
81 Dans le cas où nous disposerions seulement de la date de naissance, il est possible d'effectuer une transformation des données afin d'obtenir l'âge.
82
83 Pour cela :
84
85 1. Ouvrez l'onglet **Transformation des données...**
86 1. Cliquez sur **Ajouter **pour créer une nouvelle transformation de données.
87 ➡ L'interface **Création de la transformation** s'affiche.
88 1. Sélectionnez la colonne //Naissance// dans la liste déroulante **Colonne cible**.
89 [[image:Add_data_transfo_FR.png]]
90
91 1. Dans le champ **Fonction appliquée, **cliquez sur le bouton [[image:Function_button_FR.png]] pour afficher la liste des fonctions ou tapez directement //Age//** **dans le champ de recherche.
92 [[image:Search_age_function_FR.png||alt="Recherche fonction"]]
93 1. Sélectionnez la fonction **Age **et cliquez sur **Appliquer**.
94 ➡ L'age calculée s'affiche dans la colonne //Naissance//.
95 [[image:1737471495879-368.png||alt="Naissance"]]
96 1. Cliquez sur l'en-tête puis sélectionnez **Renommer **pour modifier le nom de la colonne (Age).
97 1. Cliquez sur le bouton [[image:Close_transfo_edit_button.png]] pour terminer.
98
99 == Regrouper les âges par groupe ==
100
101 (% class="box infomessage" %)
102 (((
103 💡 Plusieurs transformations peuvent s'appliquer sur une même colonne, vos pouvez donc regrouper les âges sur la colonne Age issue de la transformation de la colonne Naissance. Veillez à l'ordre d'application des transformations de données.
104 )))
105
106 Nous choisissons ici de grouper les âges par groupe de 5.
107 Pour cela :
108
109 1. Ouvrez l'onglet **Transformation des données...**
110 1. Cliquez sur **Ajouter **pour créer une nouvelle transformation de données.
111 ➡ L'interface **Création de la transformation** s'affiche.
112 1. Sélectionnez la colonne //Age// dans la liste déroulante **Colonne cible**.
113 1. Entrez le script suivant dans l'éditeur de scripts :
114
115 {{code language="js"}}
116 var v = value;
117 while(v%5 != 0) {
118 v++;
119 }
120 return v +'';
121 {{/code}}
122
123 [[image:Add_data_transfo_age_group_FR.png]]
124
125 (% start="4" %)
126 1. Cliquez sur **Appliquer**.
127 ➡ La colonne **Age** est transformée.
128 [[image:1737472117527-149.png||alt="Groupe d'ages"]]
129
130 Nous pouvons maintenant passer à la configuration du modèle de données : cliquez sur le bouton **Suivant **en bas à droite pour ouvrir la fenêtre de configuration du modèle de données.
131
132 == Configurer modèle de données ==
133
134 La fenêtre de configuration du modèle de données s'ouvre sur l'onglet **Colonnes**. Nous allons effectuer les configurations nécessaires dans le modèle de données.
135
136 === Modifier le type de la colonne Age ===
137
138 La colonne **Age** a été détectée comme une mesure. Or, elle sera utilisée ici comme une dimension. Pour modifier cela :
139
140 1. Sélectionnez la colonne** Age**.
141 1. Dans le champ **Type** en haut à droite, sélectionnez **Dimension**.
142 [[image:Age_change_type_FR.png||alt="Changement type"]]
143 1. Modifiez également le type des colonnes suivantes :
144 1*. **Code Postal** : sélectionnez **Dimension (géographique)**
145 1*. **Date d'entrée **: sélectionnez **Dimension (temps)**
146
147 === Créer les mesures Nombre femmes et Nombre hommes ===
148
149 Nous avons besoin de connaître le nombre de femmes et d'hommes pour chaque âge. Pour cela, nous allons créer 2 mesures calculées basées sur l’identifiant unique déterminant la personne. La mesure calculée qui sera affichée à gauche de l’axe devra être négative. Dans cet exemple, nous choisissons de placer les hommes à gauche et les femmes à droite de la pyramide des âges.
150
151 1. Cliquez sur le bouton **Nouvelle mesure **en haut à gauche de la liste des colonnes.
152 1. Dans la fenêtre** [[Mesure calculée>>doc:dev:Digdash.user_guide.studio.Create_datamodel.configure_data_model.Configure_columns.Create_new_measure.Create_calculated_measure.WebHome]]**[[ >>doc:dev:Digdash.user_guide.studio.Create_datamodel.configure_data_model.Configure_columns.Create_new_measure.Create_calculated_measure.WebHome]]qui s'affiche, entrez le nom de la nouvelle mesure : **Nombre hommes**.
153 1. Entrez alors la formule suivante (double-cliquez sur la dimension** ID Employé** pour l'insérer dans la formule) :
154
155 {{code language="js"}}
156 return -<ID Employé(dcount)>;
157 {{/code}}
158
159 [[image:Men_number_FR.png||alt="Nombre hommes"]]
160
161 (% start="4" %)
162 1. Éditez la dimension pour ajouter un filtre (clic-droit et **Editer**).
163 ➡ La boite **Dimension associée "//Nom de la dimension" //**s'affiche.
164 1. Dans la liste déroulante **Ajouter une dimension**, sélectionnez la dimension **Genre**.
165 1. Dans la colonne **Filtre**, cliquez sur **Désactivé** puis **Nouveau**.
166 ➡ La boite **Edition de filtre pour la dimension Genre// //**s'affiche.
167 1. Conservez le type **Eléments** et cochez **H** pour hommes.
168 [[image:Measure_number_men1_context_FR.png]]
169 1. Cliquez sur **OK**.
170 1. Répétez l'opération pour le nombre de femmes sans le signe négatif et en sélectionnant **F **à l'étape filtre.
171 ➡ Les 2 nouvelles mesures **Nombre hommes **et **Nombre femmes **sont ajoutées à la liste des colonnes.
172 1. Cliquez sur **Terminer **et entrez un nom pour le modèle :** Pyramide ages **pour enregistrer.
173
174 = Étape 2 : Configurer le graphique Pyramide des âges =
175
176 == Créer le graphique Barres ==
177
178 1. Depuis l'onglet **{{glossaryReference glossaryId="Glossary" entryId="Flux"}}Flux{{/glossaryReference}} **du **Studio,** cliquez sur le bouton** Flux.**
179 1. Sélectionnez le flux de type **Barres**.
180 ➡ La fenêtre **Propriétés du flux** s'affiche.
181 1. Sélectionnez le modèle de données créé précédemment : **Pyramide ages**.
182 1. Glissez-déposez la dimension **Age **sur l'axe **Barre **(axe des ordonnées).
183 1. Glissez-déposez les 2 mesures (**Nombre hommes **négatif et **Nombre femme **positive) sur l'axe **Empilement **(axe des abscisses).
184 1. Depuis la barre d'outils, cliquez sur **Couleurs **puis le bouton** Editer **pour modifier la [[palette de couleurs>>doc:dev:Digdash.user_guide.studio.Create_flow.Configure_flow.Flow_toolbar.Colors.WebHome]].
185 1. Sélectionnez la palette **Color gender**.
186 [[image:Configure_pyramid_age_FR.png||alt="Graphique Barres"]]
187
188 == Modifier le tri sur l'âge ==
189
190 Pour afficher les ages dans l'ordre souhaité :
191
192 1. Cliquez sur le bouton **Tri **en bas à droite de l'axe Barre.
193 1. Sélectionnez **Tri Numérique Décroissant**.
194 [[image:Change_sorting_FR.png||alt="Modication tri"]]
195 1. Cliquez sur **OK**.
196
197 == Supprimer l'affichage négatif ==
198
199 Pour supprimer l'affichage négatif pour les valeurs de gauche :
200
201 1. Allez dans l'onglet** Echelles**.
202 1. Modifiez le format de l'échelle horizontale via le bouton [[image:Edit_button.png||alt="Editer"]].
203 [[image:1737475432515-113.png]]
204 ➡ L'**Éditeur de format** s'affiche.
205 1. Cliquez sur **+** pour créer un nouveau format.
206 1. Entrez le nom **Nombre (positif)** et cliquez sur **OK**.
207 [[image:New_format_FR.png||alt="Nouveau format"]]
208 1. Sélectionnez ensuite **Valeur absolue** pour l'**Affichage des nombres négatifs **et cliquez sur **OK.**
209 ➡ Nous obtenons ainsi une échelle positive des deux côtés.
210 1. Vous pouvez également cocher la case **Centrer sur zéro** afin de bien visualiser les différences.
211 [[image:Pyamide_finale_centrée.png||alt="Pyramide des ages"]]
212 1. Modifiez le nom du flux comme souhaité et cliquez sur **OK**.
213
214 La pyramide des âges est prête à être utilisée dans un tableau de bord.
215
216 = Félicitations ! =
217
218 Vous avez réussi à créer une pyramide des âges.
219 Il ne reste plus qu'à l'appliquer vos données!