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

Présenter des informations de manière claire et concise permet aux utilisateurs de comprendre rapidement comment un seul point de données se rapporte à des tendances plus larges ou comment il se compare à d'autres valeurs, sans avoir à passer du temps supplémentaire à chercher du contexte. Par exemple, la visualisation suivante de la section Afficher une valeur par rapport à d'autres valeurs de cette page aide les utilisateurs à comprendre comment une valeur se compare aux autres:

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

Ce guide vous aidera à créer une visualisation qui présente un seul point de données avec autant de contexte que possible.

Cette page contient les exemples suivants:

Ingrédients

Prérequis

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

Points à prendre en compte lorsque vous utilisez des visualisations à valeur unique

Lorsque vous créez et utilisez des visualisations à valeur unique, tenez 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 d'une seule valeur redimensionnent automatiquement les polices lorsque la taille d'une carte 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 votre administrateur Looker a activé la fonctionnalité Labs Smart Single Value Text Size (Taille de texte intelligente pour les valeurs uniques), les polices des visualisations de valeurs uniques affichées dans les cartes de tableau de bord sont redimensionnées automatiquement pour afficher au moins huit à 10 caractères de valeur dans la carte, quelle que soit sa taille.
  • La police ne peut être modifiée que pour le contenu intégré lorsqu'elle est spécifiée par un administrateur Looker dans un thème personnalisé.
  • Vous ne pouvez pas personnaliser la taille de police dans le menu Modifier de la visualisation. Les seules solutions pour personnaliser le style et la taille de police des valeurs consistent à utiliser 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 en nuage de points décrite dans le post de la communauté Modifier la taille de la police dans un graphique à valeur unique.

Lorsque plusieurs visualisations de 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 seule valeur par rapport à d'autres valeurs

Une métrique d'ostentation n'a que peu d'intérêt pour les utilisateurs. Toutefois, ajouter une comparaison à un point de données précédent peut rapidement ajouter du contexte et de la perspective pour un utilisateur.

Par exemple, la requête suivante affiche le bénéfice total groupé par mois de création pour les 12 derniers mois. Par défaut, la visualisation d'une seule valeur n'affiche que la valeur de la première ligne de la métrique Bénéfice total, qui est de 41 394,51 $pour le dernier mois complet, décembre 2019.

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

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

Pour comparer la valeur actuelle à celle 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.

    Si aucun champ de comparaison n'est disponible 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 % 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 souhaitées dans l'onglet Style, y compris un titre personnalisé qui s'affichera en sous-texte sous la valeur, ainsi que toute mise en forme de valeur de style Excel.

    Dans cet exemple, "Bénéfice total du dernier mois complet" est saisi dans la section Remplacement du titre pour mieux indiquer ce que représente la valeur.

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

  4. Sélectionnez l'option Afficher sous forme de variation dans le menu déroulant Libellés de valeur.

  5. Sélectionnez l'option Les valeurs positives sont incorrectes pour afficher les modifications positives en rouge et les modifications négatives en vert, si cela convient à votre cas d'utilisation.

    Dans cet exemple, les variations négatives indiquent que le bénéfice total pour décembre était inférieur à celui de novembre, ce qui est considéré comme une "mauvaise" variation.

  6. Personnalisez l'étiquette de comparaison des valeurs dans l'onglet Comparaison.

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

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

    Saisissez un libellé personnalisé dans le champ Libellé. Dans cet exemple, le libellé personnalisé "du mois précédent" est appliqué.

Le résultat final est la valeur Bénéfice total pour décembre, soit 41 394,51 $.Le sous-texte met en avant 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 mois dernier&quot; et un sous-sous-titre 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 minimaliste grâce à la mise en forme conditionnelle.

Dans cet exemple, le seuil de profit pour un mois réussi est de 30 000 $. Tout profit 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 la visualisation pour indiquer que la valeur est supérieure au seuil de profit.

Pour activer la mise en forme conditionnelle dans la visualisation d'une seule valeur, dans le menu Modifier:

  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.Pour cet exemple, Si la valeur est supérieure à est sélectionné.

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

    Sélectionnez la couleur d'arrière-plan et la 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 Ajouter une règle en bas de l'onglet.

    Pour cet exemple, une autre règle est créée pour indiquer quand les valeurs de profit 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 seule valeur dans le contexte de la progression vers un objectif

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

Par exemple, en utilisant le même ensemble de données (Bénéfice total regroupé par Mois de création au cours des 12 derniers mois), vous pouvez afficher le bénéfice total cumulé par rapport à l'objectif de bénéfice pour l'année entière. L'objectif de profit annuel pour cet exemple est de 1 million de dollars.

Pour afficher une 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 la somme des valeurs 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 tableau, 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 souhaitées dans l'onglet Style, y compris un titre personnalisé qui s'affichera en sous-texte sous la valeur, ainsi que toute mise en forme de valeur de style Excel.

    Dans cet exemple, "Bénéfice cumulé de l'année" est saisi dans la section Remplacement du titre pour mieux indiquer ce que représente la valeur.

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

  4. Sélectionnez l'option Calculer la progression ou Calculer la progression (avec pourcentage) dans le menu déroulant Libellés de valeur.

    Calculer la progression affiche une barre de progression dont la valeur est ombrée pour indiquer l'état actuel par rapport à l'objectif. Si les paramètres par défaut du libellé sont appliqués, le nom du champ s'affiche également.

    Calculer la progression (avec pourcentage) affiche la barre de progression ombragée avec le texte X% de X , avec les paramètres par défaut de Libellé appliqués.

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

    Décochez l'option Afficher le libellé pour masquer le libellé du champ. Avec l'option Calculer la progression, seule une barre de progression ombragée s'affiche. Avec l'option Calculer la progression (avec pourcentage), le texte X% de X s'affiche dans une barre de progression ombragée.

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

    Saisissez un libellé personnalisé dans le champ Libellé.

Le résultat final est la valeur de profit de l'année à ce jour (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 avec les paramètres Calculer la progression et Calculer la progression (avec pourcentage) appliqués.

  • Voici à quoi ressemblera l'exemple avec l'option Calculer la progression et les paramètres du libellé personnalisé "Progression vers l'objectif de ventes annuel" appliqués depuis l'onglet Comparaison:

    Valeur unique de 730 362,93 $avec le sous-titre &quot;Bénéfice cumulé&quot; et une barre de progression intitulée &quot;Progrès vers l&#39;objectif de ventes annuel&quot;, dont 3/4 sont ombragés.

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

    Valeur unique de 730 362,93 $avec le sous-titre &quot;Bénéfice cumulé&quot; et une barre de progression intitulée &quot;73% de l&#39;objectif de vente annuel de 1 000 000 $&quot;, dont 3/4 sont ombrés.

Étapes suivantes :

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