Livre de recettes pour tirer le meilleur parti des visualisations Looker: présenter de nombreuses informations avec une visualisation de valeur unique

En présentant les informations de manière claire et concise, les utilisateurs peuvent rapidement comprendre comment un point de données unique est lié à des tendances plus larges ou comment il se compare à d'autres valeurs, sans avoir à passer plus de temps à rechercher le contexte. Par exemple, la visualisation suivante de la section Afficher une valeur unique par rapport à d'autres valeurs de cette page aide les utilisateurs à comprendre comment une valeur se compare à d'autres :

Valeur unique de 41 394,51 $ avec le sous-titre "Bénéfice total du dernier mois complet" et le sous-texte affichant une flèche vers le bas à côté de 40% par rapport au mois précédent.

Ce guide vous aidera à comprendre comment créer une visualisation qui présente un point de données unique avec le plus de contexte possible.

Les exemples suivants sont inclus sur cette page :

Composants

Prérequis

Pour créer une visualisation à valeur unique, vous devez disposer des éléments suivants :

Éléments à prendre en compte lors de l'utilisation de visualisations à valeur unique

Lorsque vous créez et utilisez des visualisations à valeur unique, veillez à prendre en compte les éléments suivants :

  • Lorsque vous affichez plusieurs visualisations à valeur unique sur un tableau de bord, chaque visualisation utilise par défaut la même taille de police pour une apparence cohérente. Toutefois, les visualisations à valeur unique redimensionnent automatiquement les polices lorsque la taille d'une vignette est réduite. Si la police d'une visualisation ne peut pas afficher la valeur entière dans l'espace disponible, la valeur est tronquée par des points de suspension (...).
  • Si la fonctionnalité Smart Single Value Text Size (Taille de texte intelligente à valeur unique) est activée, les polices des visualisations à valeur unique affichées dans les vignettes du tableau de bord sont automatiquement redimensionnées pour afficher au moins 8 à 10 caractères de valeur dans la vignette, quelle que soit sa taille.
  • La police ne peut être modifiée pour le contenu intégré que si elle est spécifiée par un administrateur Looker dans un thème personnalisé.
  • La taille de la police ne peut pas être personnalisée à partir du menu Edit (Modifier) de la visualisation. Les seules façons de personnaliser le style et la taille de la police des valeurs consistent à effectuer l'une des solutions de contournement suivantes à vos risques et périls :
    • Ajoutez un paramètre html à la définition LookML du champ et spécifiez les paramètres de police et de taille à l'aide de balises de style HTML. Par exemple : html: <p style="color: red; font-size: 50px">{{ valeur }}</p> ;;
    • Utilisez la méthode de graphique de nuages de points décrite dans le post de la communauté Modifier la taille de la police dans une visualisation à valeur unique.

Lorsque plusieurs visualisations à valeur unique sont affichées sur un tableau de bord, la taille de la police peut toujours être affectée par les considérations décrites dans le premier point de cette liste.

Exemple : Afficher une valeur unique par rapport à d'autres valeurs

Une métrique de vanité seule n'apporte que peu de valeur aux utilisateurs. Toutefois, l'ajout d'une comparaison à un point de données antérieur peut rapidement ajouter une perspective et un contexte pour un utilisateur.

Par exemple, la requête suivante affiche le Total Profit (Bénéfice total) regroupé par Created Month (Mois de création) pour les 12 derniers mois. Par défaut, la visualisation à valeur unique n'affiche que la valeur de la ligne supérieure de la mesure Total Profit (Bénéfice total), qui est de 41 394,51 $ pour le dernier mois complet, décembre (2019-12).

Visualisation à valeur unique affichant la valeur &quot;41 394,51 $&quot;.

Sans le tableau de données pour le contexte, la valeur ne présente pas beaucoup d'informations aux utilisateurs. Que faire si vous souhaitez afficher comment le bénéfice total du dernier mois complet se compare au bénéfice total du mois précédent ? Vous pouvez utiliser les paramètres du menu Edit (Modifier) de la visualisation pour créer une comparaison de ces valeurs dans la visualisation.

Pour afficher une comparaison de la valeur actuelle par rapport à la valeur de la ligne précédente, procédez comme suit :

Préparez votre exploration :

  1. Organisez votre requête d'exploration afin que la visualisation affiche la valeur souhaitée.

  2. Ajoutez un champ qui compare les valeurs de la ligne actuelle et de la ligne précédente à la requête d'exploration.

    S'il n'existe aucun champ de comparaison dans le sélecteur de champ et que vous disposez des autorisations nécessaires, vous pouvez utiliser un raccourci de calcul de table. Cet exemple utilise le calcul % change from previous row (% de variation par rapport à la ligne précédente).

Personnalisez votre visualisation à valeur unique :

  1. Ouvrez le menu Edit (Modifier) dans la barre Visualization (Visualisation).

  2. Sélectionnez les options de style souhaitées dans l'onglet Style , y compris l'ajout d'un titre personnalisé qui s'affichera en tant que sous-titre sous la valeur, ainsi que toute mise en forme de valeur de type Excel.

    Dans cet exemple, "Last complete month total profit" (Bénéfice total du dernier mois complet) est saisi dans la section Title Override (Remplacer le titre) pour mieux indiquer ce que représente la valeur.

  3. Dans l'onglet Comparison (Comparaison), sélectionnez Show (Afficher).

  4. Sélectionnez l'option Show as Change (Afficher comme variation) dans le menu déroulant Value Labels (Libellés de valeurs).

  5. Sélectionnez l'option Positive values are bad (Les valeurs positives sont mauvaises) pour afficher une variation positive en rouge et une variation négative en vert, si cela correspond à votre cas d'utilisation.

    Dans cet exemple, les variations négatives indiquent que le Total Profit (Bénéfice total) de décembre par rapport à novembre était inférieur, ce qui est considéré comme une variation "mauvaise".

  6. Personnalisez le libellé de comparaison des valeurs dans l'onglet Comparison (Comparaison) comme vous le souhaitez.

    Désélectionnez l'option Show Label (Afficher le libellé) pour masquer le libellé du champ.

    Laissez les options Show Label (Afficher le libellé) inchangées pour inclure le libellé du champ tel quel.

    Saisissez un libellé personnalisé dans le champ Label (Libellé). Dans cet exemple, le libellé personnalisé "from previous month" (du mois précédent) est appliqué.

Le résultat final est la valeur Total Profit (Bénéfice total) pour décembre, soit 41 394,51 $, avec le sous-titre mettant en évidence la comparaison avec le bénéfice total du mois précédent, qui est en baisse de 40%.

Valeur unique de 41 394,51 $ avec le sous-titre &quot;Bénéfice total du dernier mois complet&quot; et le sous-texte affichant une flèche vers le bas à côté de 40% par rapport au mois précédent.

Ajouter une mise en forme conditionnelle pour plus de contexte

Vous pouvez ajouter une couche de contexte supplémentaire tout en conservant une visualisation claire et minimale grâce à la mise en forme conditionnelle.

Dans cet exemple, le seuil de bénéfice pour un mois réussi est de 30 000 $, et tous les bénéfices mensuels supérieurs à ce seuil doivent être indiqués en vert.

Vous pouvez utiliser les paramètres de mise en forme conditionnelle de l'onglet Formatting (Mise en forme) du menu Edit (Modifier) de la visualisation pour indiquer que la valeur est supérieure au seuil de bénéfice.

Pour activer la mise en forme conditionnelle dans le menu Edit (Modifier) de la visualisation à valeur unique :

  1. Ouvrez le menu Edit (Modifier) dans la barre Visualization (Visualisation).
  2. Sélectionnez l'option Enable Conditional Formatting (Activer la mise en forme conditionnelle) dans l'onglet Formatting (Mise en forme).
  3. Sélectionnez une palette de couleurs dans le menu déroulant Collection de la section Colors (Couleurs).

  4. Saisissez vos règles de mise en forme dans la section Rules (Règles).

    Sélectionnez la condition dans le menu déroulant Format.Dans cet exemple, If the value is greater than (Si la valeur est supérieure à) est sélectionné.

    Saisissez la valeur du seuil de la règle. Dans cet exemple, "30000" est saisi.

    Sélectionnez la Background color (Couleur d'arrière-plan) et la Font color (Couleur de la police) souhaitées. Veillez à tenir compte du contraste des couleurs pour l'accessibilité de votre contenu. Dans cet exemple, un arrière-plan blanc et une police vert foncé sont sélectionnés.

  5. Ajoutez une autre règle en sélectionnant le bouton Add a rule (Ajouter une règle) en bas de l'onglet.

    Dans cet exemple, une autre règle est créée pour indiquer quand les valeurs du bénéfice total sont inférieures au seuil de 30 000 $.

Le bénéfice total de décembre, soit 41 394,51 $, est peut-être inférieur de 40% au bénéfice total du mois précédent, mais il reste supérieur au seuil de bénéfice. La valeur du bénéfice total s'affiche désormais en vert pour indiquer aux utilisateurs qu'elle est supérieure au seuil de bénéfice.

Exemple : Afficher une valeur unique dans le contexte de la progression vers un objectif

Une autre option de visualisation à valeur unique consiste à afficher une valeur dans le contexte de la progression vers un objectif.

Par exemple, en utilisant le même ensemble de données (Total Profit (Bénéfice total) regroupé par Created Month (Mois de création) pour les 12 derniers mois), vous pouvez afficher le bénéfice total depuis le début de l'année par rapport à l'objectif de bénéfice pour l'ensemble de l'année. Dans cet exemple, l'objectif de bénéfice annuel est de 1 000 000 $.

Pour afficher la valeur unique dans le contexte de la progression, procédez comme suit.

Préparez votre exploration :

  1. Utilisez un calcul de table pour créer une somme des valeurs Total Profit (Bénéfice total). L'expression de calcul de table est sum(${view_name.field_name}).

    Dans cet exemple, l'expression est sum(${order_items.total_profit}).

  2. Ajoutez un champ ou un nouveau calcul de table qui représente l'objectif par rapport auquel la valeur sera comparée.

    Si vous créez un calcul de table, la valeur devra être représentée sous forme de mesure pour être incluse dans la visualisation.

    Dans l'expression de calcul, multipliez une mesure par zéro et ajoutez la valeur de l'objectif : (${measure_viewname.measure_fieldname}*0) + <value that is the goal>.

    Dans cet exemple, l'expression est (${order_items.total_profit}*0) + 1000000.

Personnalisez votre visualisation à valeur unique :

  1. Ouvrez le menu Edit (Modifier) dans la barre Visualization (Visualisation).

  2. Sélectionnez les options de style souhaitées dans l'onglet Style , y compris l'ajout d'un titre personnalisé qui s'affichera en tant que sous-titre sous la valeur, ainsi que toute mise en forme de valeur de type Excel.

    Dans cet exemple, "YTD profit" (Bénéfice depuis le début de l'année) est saisi dans la section Title Override (Remplacer le titre) pour mieux indiquer ce que représente la valeur.

  3. Dans l'onglet Comparison (Comparaison), sélectionnez Show (Afficher).

  4. Sélectionnez l'option Calculate Progress (Calculer la progression) ou l'option Calculate Progress (with Percentage) (Calculer la progression (avec pourcentage)) dans le menu déroulant Value Labels (Libellés de valeurs).

    Calculate Progress (Calculer la progression) affiche une barre de progression avec la valeur ombrée pour indiquer l'état actuel par rapport à l'objectif. Si les paramètres Label (Libellé) par défaut sont appliqués, le nom du champ s'affiche également.

    Calculate Progress (with Percentage) (Calculer la progression (avec pourcentage)) affiche la barre de progression ombrée avec le texte X% of X (X % de X) lorsque les paramètres Label (Libellé) par défaut sont appliqués.

  5. Personnalisez le libellé de la barre de progression dans l'onglet Comparison (Comparaison) comme vous le souhaitez.

    Désélectionnez l'option Show Label (Afficher le libellé) pour masquer le libellé du champ. Avec l'option Calculate Progress (Calculer la progression), seule une barre de progression ombrée s'affiche. Avec l'option Calculate Progress (with Percentage) (Calculer la progression (avec pourcentage)), le texte X% of X (X % de X) s'affiche dans une barre de progression ombrée.

    Laissez les options Show Label (Afficher le libellé) inchangées pour inclure le libellé du champ tel quel.

    Saisissez un libellé personnalisé dans le champ Label (Libellé).

Le résultat final est la valeur du bénéfice depuis le début de l'année,soit 730 362,93 $,avec une barre de progression indiquant la progression vers l'objectif de ventes annuel de 1 000 000 $.

L'exemple est différent selon que les paramètres Calculate Progress (Calculer la progression) et Calculate Progress (with Percentage) (Calculer la progression (avec pourcentage)) sont appliqués.

  • Voici à quoi ressemblera l'exemple avec l'option Calculate Progress (Calculer la progression) et le libellé personnalisé "progress to yearly sales goal" (progression vers l'objectif de ventes annuel) appliqués à partir de l'onglet Comparison (Comparaison) :

    Valeur unique de 730 362,93 $ avec le sous-titre &quot;Bénéfice depuis le début de l&#39;année&quot; et une barre de progression intitulée &quot;Progression vers l&#39;objectif de ventes annuel&quot; remplie aux trois quarts.

  • Voici à quoi ressemblera l'exemple avec l'option Calculate Progress (with Percentage) (Calculer la progression (avec pourcentage)) et le libellé personnalisé "yearly sales goal" (objectif de ventes annuel) appliqués à partir de l'onglet Comparison (Comparaison) :

    Valeur unique de 730 362,93 $ avec le sous-titre &quot;Bénéfice depuis le début de l&#39;année&quot; et une barre de progression intitulée &quot;73% de l&#39;objectif de ventes annuelles de 1 000 000 $&quot; avec les trois quarts de la barre ombrés.

Étapes suivantes :

Une fois que vous avez créé votre visualisation à valeur unique, vous pouvez la partager avec d'autres utilisateurs :