Code source wiki de Créer une pyramide des âges
Modifié par Aurelie Bertrand le 2025/09/16 16:33
Afficher les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
| 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 2025R2 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! |