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

Une présentation claire et concise des informations permet aux utilisateurs de comprendre rapidement comment un seul point de données est lié à des tendances plus larges ou comment il se compare à d'autres valeurs, sans avoir à passer plus de temps à rechercher du 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 valeurs:

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

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

Cette page contient les exemples suivants:

Composants

Prérequis

La création d'une visualisation à valeur unique nécessite les é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 à tenir compte des points 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, cette valeur est tronquée par des points de suspension (...).
  • Si votre administrateur Looker a activé la fonctionnalité de laboratoire Smart Single Value Text Size, 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 à n'importe quelle taille.
  • La police ne peut être modifiée que pour le contenu intégré si elle est spécifiée par un administrateur Looker dans un thème personnalisé.
  • Vous ne pouvez pas personnaliser la taille de la police dans le menu Modifier de la visualisation. La seule façon de personnaliser le style et la taille de police des valeurs consiste à utiliser l'une des solutions suivantes, à vos propres risques :
    • Ajoutez un paramètre html à la définition LookML du champ, puis 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 du graphique à nuage de points décrite dans le post destiné à 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: affichage d'une seule valeur par rapport aux autres valeurs

Une métrique personnalisée n'offre que peu d'intérêt aux utilisateurs. Cependant, l'ajout d'une comparaison à un point de données précédent peut rapidement ajouter de la perspective et du contexte à un utilisateur.

Par exemple, la requête suivante affiche le bénéfice total regroupé par Mois de création pour les 12 derniers mois. Par défaut, la visualisation à valeur unique n'affiche que la valeur de la première ligne de la mesure du bénéfice total, qui est de 41 394,51 $pour le dernier mois complet, décembre 2019-2012.

Image représentant une valeur unique indiquant la valeur de 41 394,51 $.

Sans la table de données pour le contexte, la valeur ne présente pas beaucoup d'informations aux utilisateurs. Comment faire si vous souhaitez montrer la différence entre le bénéfice total du dernier mois complet et le bénéfice total du mois précédent ? Vous pouvez utiliser les paramètres du menu Modifier de la visualisation pour comparer ces valeurs dans la visualisation.

Pour afficher une comparaison entre la valeur actuelle et la valeur de la ligne précédente, procédez comme suit:

Préparez votre exploration:

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

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

    Si aucun champ de comparaison n'est disponible dans le sélecteur de champs et que vous disposez des autorisations nécessaires, vous pouvez utiliser un raccourci pour le calcul de tables. Cet exemple utilise le calcul % de variation par rapport à la ligne précédente.

Personnalisez votre visualisation à valeur unique:

  1. Ouvrez le menu Modifier dans la barre Visualisation.

  2. Sélectionnez les options de style de votre choix dans l'onglet Style. Vous pouvez par exemple ajouter un titre personnalisé qui apparaîtra sous la forme d'un sous-texte sous la valeur, ainsi que toute mise en forme de valeur de style Excel.

    Dans cet exemple, la valeur "Bénéfices totaux du dernier mois complet" est saisie dans la section Remplacement du titre afin de fournir une meilleure indication de ce que la valeur représente.

  3. Dans l'onglet Comparaison, sélectionnez Afficher.

  4. Sélectionnez l'option Afficher comme modification dans le menu déroulant Libellés de valeurs.

  5. Sélectionnez l'option Les valeurs positives sont incorrectes pour afficher une évolution 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 bénéfice total de décembre par rapport à novembre a été plus faible, ce qui est considéré comme une "mauvaise" variation.

  6. Personnalisez le libellé de comparaison de valeurs dans l'onglet Comparaison selon vos besoins.

    Désélectionnez l'option Afficher le libellé pour masquer le libellé du champ.

    Ne modifiez pas les options Afficher le libellé pour inclure le libellé du champ tel quel.

    Saisissez une étiquette personnalisée dans le champ Libellé. Pour cet exemple, l'étiquette personnalisée "du mois précédent" est appliquée.

Le résultat final est la valeur du bénéfice total de décembre, soit 41 394,51 $.Le sous-titre met 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 « Bénéfice total du dernier mois complet » et le sous-texte montrant 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 gardant votre visualisation propre et minimaliste avec la mise en forme conditionnelle.

Dans cet exemple, le seuil de bénéfices pour un mois réussi est de 30 000 € et tout bénéfice mensuel supérieur à ce seuil doit être indiqué en vert.

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

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

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

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

    Sélectionnez la condition dans le menu déroulant Format.Dans cet exemple, l'option Si la valeur est supérieure à est sélectionnée.

    Saisissez la valeur du seuil de la règle. Dans cet exemple, nous avons saisi "30 000".

    Sélectionnez la couleur de l'arrière-plan et la couleur de 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 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 du mois de décembre, 41 394,51 €, peut être inférieur de 40% au bénéfice total du mois précédent, mais il reste au-dessus du seuil de bénéfices. La valeur du bénéfice total est maintenant affichée en vert pour indiquer aux utilisateurs qu'elle est supérieure au seuil de bénéfice.

Exemple: afficher une seule valeur 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, si vous utilisez le même ensemble de données (Bénéfice total regroupé par 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éfices pour l'année entière. L'objectif de bénéfice annuel pour cet exemple 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 obtenir la somme des valeurs du 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 auquel la valeur sera comparée.

    Si vous créez un calcul de table, la valeur doit ê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 Modifier dans la barre Visualisation.

  2. Sélectionnez les options de style de votre choix dans l'onglet Style. Vous pouvez par exemple ajouter un titre personnalisé qui apparaîtra sous la forme d'un sous-texte sous la valeur, ainsi que toute mise en forme de valeur de style Excel.

    Dans cet exemple, nous saisissons "Bénéfices à ce jour" dans la section Remplacement du titre afin de fournir une meilleure indication de ce que la valeur représente.

  3. Dans l'onglet Comparaison, sélectionnez Afficher.

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

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

    L'option Calculate Progress (with Percentage) (Calculer la progression (avec pourcentage)) affiche la barre de progression grisée avec le texte X% de X . Les paramètres par défaut du paramètre Libellé sont appliqués.

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

    Désélectionnez l'option Afficher le libellé pour masquer le libellé du champ. Avec l'option Calculate Progress (Calculer la progression), seule une barre de progression est grisée. L'option Calculate Progress (with Percentage) (Calculer la progression (avec pourcentage)) vous permet d'afficher le texte X% de X dans une barre de progression ombrée.

    Ne modifiez pas les options Afficher le libellé pour inclure le libellé du champ tel quel.

    Saisissez une étiquette personnalisée dans le champ Libellé.

Le résultat final est le bénéfice annuel jusqu'à ce jour de 730 362,93 $avec une barre de progression indiquant la progression vers l'objectif annuel de ventes de 1 000 000 $.

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

  • Voici à quoi ressemblera l'exemple avec l'option Calculer la progression et les paramètres de l'étiquette personnalisée "Progression vers l'objectif de ventes annuels" appliqués à partir de l'onglet Comparaison:

    Valeur unique de 730 362,93 $avec le sous-titre "Bénéfice à ce jour" et une barre de progression libellée "Progression vers l'objectif de ventes annuels" 3/4 ombrée.

  • Voici à quoi ressemblera l'exemple avec l'option Calculer la progression (avec le pourcentage) et les paramètres "Objectif de ventes annuel" de l'étiquette personnalisée appliqués à partir de l'onglet Comparaison:

    Valeur unique de 730 362,93 $avec le sous-titre "Bénéfice à ce jour" et une barre de progression libellée "73% de 1 000 000 $d'objectif de ventes annuel" ombrée 3/4.

Étapes suivantes :

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