{"id":2648,"date":"2025-08-22T14:19:50","date_gmt":"2025-08-22T12:19:50","guid":{"rendered":"https:\/\/d-dp.com\/?p=2648"},"modified":"2025-09-23T15:49:28","modified_gmt":"2025-09-23T13:49:28","slug":"concevoir-des-visualisations-interactives-avec-power-bi","status":"publish","type":"post","link":"https:\/\/d-dp.com\/index.php\/2025\/08\/22\/concevoir-des-visualisations-interactives-avec-power-bi\/","title":{"rendered":"Concevoir des visualisations interactives avec Power BI"},"content":{"rendered":"
\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\u2190 Retour \u00e0 la page Blog\t\t<\/span>\n\t\t\t<\/a>\n\t<\/div>\n<\/div><\/div>
\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\tIntroduction : Pourquoi des Visuels Interactifs ?\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div>
\t\t\t

Dans un monde o\u00f9 les donn\u00e9es sont au c\u0153ur de la prise de d\u00e9cision, visualiser et interagir<\/strong> avec ces donn\u00e9es de mani\u00e8re intuitive est devenu essentiel. Power BI, avec ses fonctionnalit\u00e9s natives<\/strong>, permet de cr\u00e9er des visuels interactifs sans d\u00e9pendre d’extensions<\/strong>. Que ce soit pour analyser des donn\u00e9es m\u00e9dicales, commerciales ou industrielles, cette m\u00e9thode s’applique \u00e0 tous les secteurs.<\/span><\/p>\n

Pour l\u2019exemple, nous allons prendre le cas d\u2019un rapport pour les urgences : nous cr\u00e9erons un visuel interactif repr\u00e9sentant un corps humain, o\u00f9 chaque zone affichera le taux de d\u00e9c\u00e8s en pourcentage. Ce type de visualisation permet de comprendre rapidement les donn\u00e9es critiques<\/b><\/span>, d\u2019identifier les zones \u00e0 risque et de faciliter la prise de d\u00e9cision.<\/p>\n<\/div>\n\t\t<\/div>

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\u00c9tape 1 : Pr\u00e9paration des Donn\u00e9es et des Visuels\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div>
\t\t\t

\u00c9tape 1 : Pr\u00e9paration des Donn\u00e9es et des Visuels<\/strong><\/span><\/h2>\n

1.1. Importation des Donn\u00e9es<\/span><\/strong><\/h3>\n
    \n
  • Cr\u00e9ez une table<\/strong> dans Power BI avec les colonnes n\u00e9cessaires :<\/span><\/li>\n
  • Zone (ex : \u00ab\u00a0T\u00eate\u00a0\u00bb, \u00ab\u00a0C\u0153ur\u00a0\u00bb, \u00ab\u00a0Poumons\u00a0\u00bb, etc.<\/span><\/li>\n
  • Nombre_de_Cas (valeurs num\u00e9riques associ\u00e9es \u00e0 chaque zone)<\/span><\/li>\n
  • Pourcentage\u00a0 (calcul\u00e9 via DAX)<\/span><\/li>\n<\/ul>\n

    1.2. Importation d’une image au format SVG<\/span><\/strong><\/h3>\n
      \n
    • T\u00e9l\u00e9chargez une image au format SVG<\/b> (par exemple : corps humain, carte g\u00e9ographique, sch\u00e9ma technique).<\/span><\/li>\n
    • Importez cette image dans Power BI en allant dans Insertion > Image<\/b>.<\/span><\/li>\n
    • Ajustez ensuite sa taille et sa position afin qu\u2019elle s\u2019int\u00e8gre correctement dans votre rapport.<\/span><\/li>\n<\/ul>\n

      Qu’est-ce que le format SVG ?<\/strong><\/span><\/p>\n

      SVG (Scalable Vector Graphics)<\/b> est un format d\u2019image vectorielle bas\u00e9 sur des formes g\u00e9om\u00e9triques et du code XML. Il peut \u00eatre agrandi ou r\u00e9duit sans jamais perdre en qualit\u00e9<\/b> et permet d\u2019interagir avec certaines zones de l\u2019image<\/b>. On peut aussi prendre une image classique et la convertir ou l\u2019\u00e9diter au format SVG.<\/b><\/span><\/p>\n<\/div>\n\t\t<\/div>

      \"\"<\/div>
      \n\t\t\t\t\t\t\t

      \n\t\t\t\t\t\t\u00c9tape 2 : Ajout des Boutons Transparents\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div>
      \t\t\t

      2.1. Cr\u00e9ation des Boutons<\/strong><\/span><\/h3>\n
        \n
      • Allez dans l’onglet \u00ab\u00a0Insertion\u00a0\u00bb<\/strong> > \u00ab\u00a0Boutons\u00a0\u00bb<\/strong>.<\/span><\/li>\n
      • Ajoutez un bouton pour chaque zone de l’image (ex : \u00ab\u00a0T\u00eate\u00a0\u00bb, \u00ab\u00a0C\u0153ur\u00a0\u00bb, \u00ab\u00a0Poumons\u00a0\u00bb).<\/span><\/li>\n
      • Redimensionnez et positionnez<\/strong> chaque bouton pour qu’il couvre la zone correspondante sur l’image.<\/span><\/li>\n<\/ul>\n

        2.2. Rendre les Boutons Transparents<\/strong><\/span><\/h3>\n
          \n
        • S\u00e9lectionnez un bouton.<\/span><\/li>\n
        • Allez dans l’onglet \u00ab\u00a0Format\u00a0\u00bb<\/strong> > \u00ab\u00a0Style du bouton\u00a0\u00bb<\/strong>.<\/span><\/li>\n
        • D\u00e9sactivez la bordure<\/strong>\u00a0pour le rendre transparent.<\/span><\/li>\n<\/ul>\n

           <\/p>\n<\/div>\n\t\t<\/div>

          \"\"<\/div>
          \n\t\t\t\t\t\t\t

          \n\t\t\t\t\t\t\u00c9tape 3 : Cr\u00e9er des Signets pour l\u2019Interactivit\u00e9\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div>
          \t\t\t

          3.1. Cr\u00e9er un Signet par Zone<\/strong><\/span><\/h3>\n
            \n
          • Dans le volet \u00ab\u00a0Signets\u00a0\u00bb<\/strong>, cliquez sur \u00ab\u00a0Nouveau signet\u00a0\u00bb<\/strong>.<\/span><\/li>\n
          • Nommez-le selon la zone (ex : \u00ab\u00a0Signet_T\u00eate\u00a0\u00bb).<\/span><\/li>\n
          • Appliquez un filtre visuel<\/strong> pour ne montrer que les donn\u00e9es de la zone s\u00e9lectionn\u00e9e (ex : filtrez la table pour Zone_Corps = \u00ab\u00a0T\u00eate\u00a0\u00bb).<\/span><\/li>\n<\/ul>\n

            3.2. Lier les Boutons aux Signets<\/strong><\/span><\/h3>\n
              \n
            • S\u00e9lectionnez un bouton (ex : \u00ab\u00a0T\u00eate\u00a0\u00bb).<\/span><\/li>\n
            • Allez dans l\u2019onglet \u00ab\u00a0Action\u00a0\u00bb<\/strong> > \u00ab\u00a0Type\u00a0\u00bb<\/strong> > \u00ab\u00a0Signet\u00a0\u00bb<\/strong>.<\/span><\/li>\n
            • S\u00e9lectionnez le signet correspondant (ex : \u00ab\u00a0Signet_T\u00eate\u00a0\u00bb).<\/span><\/li>\n<\/ul>\n

              3.3. Ajouter un Bouton \u00ab\u00a0Reset\u00a0\u00bb<\/span><\/strong><\/h3>\n
                \n
              • Cr\u00e9ez un signet \u00ab\u00a0Reset\u00a0\u00bb<\/strong> sans filtre (toutes les donn\u00e9es sont visibles).<\/span><\/li>\n
              • Ajoutez un bouton \u00ab\u00a0Reset\u00a0\u00bb et liez-le \u00e0 ce signet<\/span><\/li>\n<\/ul>\n<\/div>\n\t\t<\/div>
                \"\"<\/div>
                \t\t\t

                \u26a0\ufe0f Lorsque vous ajoutez un bouton associ\u00e9 \u00e0 un signet, assurez-vous qu\u2019il soit positionn\u00e9 au premier plan dans le volet S\u00e9lection de Power BI. Sans cette pr\u00e9caution, le bouton risque d\u2019\u00eatre recouvert par un visuel et donc de ne pas \u00eatre cliquable par l\u2019utilisateur<\/span><\/p>\n<\/div>\n\t\t<\/div>

                \n\t\t\t\t\t\t\t

                \n\t\t\t\t\t\t\u00c9tape 4 : Calculer les Pourcentages avec DAX\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div>
                \t\t\t

                4.1. Cr\u00e9er une Mesure DAX pour les Pourcentages<\/strong><\/span><\/h3>\n
                  \n
                • Allez dans l\u2019onglet \u00ab\u00a0Mod\u00e9lisation\u00a0\u00bb<\/strong> > \u00ab\u00a0Nouvelle mesure\u00a0\u00bb<\/strong>.<\/span><\/li>\n
                • Utilisez la formule suivante pour calculer le pourcentage de cas par zone :<\/span><\/li>\n<\/ul>\n

                  Taux_Tete_% =
                  \nIF(
                  \nLOWER(TRIM(SELECTEDVALUE(Dim_Pathologie[Zone_du_Corps]))) = \u00ab\u00a0t\u00eate\u00a0\u00bb,
                  \nSUMX(FILTER(ALL(Dim_Pathologie), LOWER(TRIM(Dim_Pathologie[Zone_du_Corps])) = \u00ab\u00a0t\u00eate\u00a0\u00bb), Fait_Urgence[Est_Decede])
                  \n\/
                  \nSUM(Fait_Urgence[Est_Decede]),
                  \nBLANK()
                  \n)<\/p>\n

                  4.2. Afficher les Pourcentages sur le Visuel<\/strong><\/span><\/h3>\n
                    \n
                  • Ajoutez une \u00ab\u00a0Carte\u00a0\u00bb<\/strong> (visuel) \u00e0 votre rapport.<\/span><\/li>\n
                  • Liez-la \u00e0 la mesure pourcentage.<\/span><\/li>\n
                  • Positionnez-la pr\u00e8s de la zone correspondante sur l\u2019image du corps humain.<\/span><\/li>\n<\/ul>\n<\/div>\n\t\t<\/div>
                    \"\"<\/div>
                    \n\t\t\t\t\t\t\t

                    \n\t\t\t\t\t\t\u00c9tape 5 : Personnaliser le Design\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div>
                    \t\t\t

                    5.1. Personnalisation du Design<\/strong><\/h3>\n
                      \n
                    • Utilisez des couleurs conditionnelles<\/strong> pour mettre en \u00e9vidence les zones critiques (ex : rouge pour les zones \u00e0 haut risque, vert pour les zones \u00e0 faible risque).<\/li>\n
                    • Personnalisez les polices et les tailles<\/strong> pour une meilleure lisibilit\u00e9.<\/li>\n<\/ul>\n

                      5.2. Tests d’Interactivit\u00e9<\/strong><\/h3>\n
                        \n
                      • Cliquez sur chaque bouton pour v\u00e9rifier que les filtres et les pourcentages s’affichent correctement.<\/li>\n
                      • V\u00e9rifiez que le bouton \u00ab\u00a0Reset\u00a0\u00bb r\u00e9initialise bien la vue.<\/li>\n<\/ul>\n<\/div>\n\t\t<\/div>
                        \"\"<\/div>
                        \n\t\t\t\t\t\t\t

                        \n\t\t\t\t\t\tAvantages de cette Solution Native\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div>
                        \t\t\t

                        \u2705 Flexible<\/strong> : Adaptable \u00e0 tout type de donn\u00e9es et de visuels. <\/span><\/p>\n

                        \u2705 Autonome<\/strong> : Pas de d\u00e9pendance \u00e0 des outils externes. <\/span><\/p>\n

                        \u2705 Personnalisable<\/strong> : Design et interactivit\u00e9 enti\u00e8rement adapt\u00e9s \u00e0 vos besoins.<\/span><\/p>\n<\/div>\n\t\t<\/div>

                        \n\t\t\t\t\t\t\t

                        \n\t\t\t\t\t\tConclusion\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div>
                        \t\t\t

                        Avec cette m\u00e9thode, vous pouvez cr\u00e9er des visuels interactifs<\/strong> dans Power BI en utilisant uniquement ses fonctionnalit\u00e9s natives<\/strong>. Cette solution est\u00a0flexible et personnalisable<\/strong>, et elle permet de transformer vos donn\u00e9es en indicateurs utiles \u00e0 la d\u00e9cision\u00a0 pour am\u00e9liorer la gestion de vos activit\u00e9s.<\/span><\/p>\n<\/div>\n\t\t<\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"

                        Dans un monde o\u00f9 les donn\u00e9es sont au c\u0153ur de la prise de d\u00e9cision, visualiser et interagir avec ces donn\u00e9es de mani\u00e8re intuitive est devenu essentiel. Power BI, avec ses fonctionnalit\u00e9s natives, permet de cr\u00e9er des visuels interactifs sans d\u00e9pendre d’extensions. Que ce soit pour analyser des donn\u00e9es m\u00e9dicales, commerciales ou industrielles, cette m\u00e9thode s’applique […]<\/p>\n","protected":false},"author":6,"featured_media":2784,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-2648","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-blog","9":"post-with-thumbnail","10":"post-with-thumbnail-large"},"_links":{"self":[{"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/posts\/2648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/comments?post=2648"}],"version-history":[{"count":72,"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/posts\/2648\/revisions"}],"predecessor-version":[{"id":2796,"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/posts\/2648\/revisions\/2796"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/media\/2784"}],"wp:attachment":[{"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/media?parent=2648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/categories?post=2648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-dp.com\/index.php\/wp-json\/wp\/v2\/tags?post=2648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}