Ce qui procure de la joie…
Les sparklines sont des graphiques compacts conçus pour la représentation visuelle des données. Elles sont généralement créées pour montrer les tendances d’une série de valeurs, comme les cycles économiques ou les variations saisonnières, et pour mettre en évidence les valeurs aberrantes ou les points de données minimaux et maximaux.
Détails qui font mouche--Contexte & exemple
Hé, je te connais – Diagrammes en courbes vs. sparklines
Une sparkline possède de nombreux attributs d'un graphique en courbes, à quelques exceptions près. L'une d'elles est que plusieurs sparklines ne sont pas tracées sur une paire d'axes. Elles sont plutôt empilées verticalement.
Une autre différence réside dans le nombre d'éléments présents sur ces deux types de graphiques. En effet, le sous-graphique d'un sparkline ne contient que les éléments essentiels. Vous pourrez même trouver des sparklines composés d'une simple courbe destinée à mettre en évidence la tendance entre les valeurs d'une série.
Coup de cœur instantané – Pourquoi Tufte a créé les sparklines
Quand Tufte a inventé ces petits graphiques, il voulait qu’ils servent à fournir des informations contextuelles de manière compacte. Et c’est exactement ce qu’ils font !
Un graphique en sparkline :
- Peuvent être suffisamment petits pour être placés dans des cellules de feuilles Excel, en ligne avec le texte, et empilés verticalement.
- Sont généralement laissés sans étiquette.
Essayez de comprendre – Un exemple
J'ai décidé de baser cet exemple sur un cliché de film qui m'a toujours agacé. Imaginez une scène où deux personnes sont attablées devant un petit-déjeuner croulant sous toutes sortes de délices. Elles se disputent, puis l'une d'elles – et parfois même les deux – se lève et s'en va. On ne nous dit jamais ce qu'il advient du repas. Et je n'arrête pas de penser : comment peut-on abandonner un si bon petit-déjeuner ? Le nombre de repas ainsi gaspillés me met en colère et envie de grignoter ! Ma solution a été de d’abord créer plusieurs graphiques sparkline sur les clichés de films. Puis j’ai commandé le plus gros, le plus friable, le plus moelleux et le plus délicieux cookie au chocolat blanc que j’ai pu trouver !
Les meilleurs éclats — Éléments typiques des sparklines
la façon la plus simple de décrire la fonction d'une sparkline serait de dire que ce graphique transmet beaucoup d'informations sans prendre beaucoup de place.
Examinons maintenant les éléments que l'on retrouve généralement dans ces graphiques :
- Un graphique en courbes montrant comment les valeurs évoluent dans le temps.
- Un titre court – pas plus de trois mots – pour expliquer ce que le graphique mesure.
- Un nombre indiquant le résultat final/total découlant des changements.
Vous pouvez ajouter d'autres détails, mais les sparklines gagnent à rester simples et épurées.
Sparkline à la conquête—cas d’usage
Vous vous demandez ce que montre un graphique en sparkline ? Les sparklines sont peut-être de lointaines cousines des graphiques en courbes, mais elles sont utilisées partout dans de nombreux secteurs.
Voici quelques exemples :
1. Secteur de l'éducation - Comme il est facile d'insérer ces graphiques en ligne avec le texte qui les accompagne, ils sont souvent intégrés dans les manuels scolaires et autres documents académiques. Les informations représentées graphiquement dans un sparkline illustrent le texte apparaissant juste avant ou après. Autrement dit, les lecteurs peuvent visualiser la tendance affichée dans le graphique sans interrompre leur lecture. Plusieurs graphiques en courbes sur un même tracé – un par métrique – peuvent occuper plus d'espace. En effet, ceux-ci comportent des étiquettes répétées pour les valeurs de l'axe horizontal. Cela peut ne pas convenir à des documents comme les thèses et les mémoires, qui disposent d'un nombre de pages fixe. C'est quelque chose dont vous n'aurez pas besoin avec un sparkline.
2. Secteur des entreprises - Un type de graphique qui communique efficacement et rapidement les tendances des KPI. Là aussi, son contexte fait partie du texte environnant.
3. Secteur informatique - Vous avez peut-être déjà croisé des sparklines sur différents tableaux de bord. Ces éléments fondamentaux constituent un excellent point de départ pour les utilisateurs finaux.
Dans l'ensemble des choses — Les utilisations les plus courantes
Nous avons évoqué trois scénarios dans lesquels les graphiques sparkline peuvent jouer un rôle dans la visualisation de données. Voyons maintenant ce qui les rend particulièrement adaptés à ces usages, et pourquoi :
- Le graphique ci-dessous montre à quel point plusieurs courbes peuvent rendre un graphique en courbes surchargé. Et si nous empilions sept sparklines pour afficher les mêmes données ? Pourquoi ne pas le faire dans un tableau afin de faciliter une comparaison rapide ? Les sparklines constituent une bonne alternative aux graphiques en courbes lorsqu'il s'agit de tracer plusieurs lignes. Principalement parce qu'elles sont, tout comme les graphiques en courbes, excellentes pour montrer l'évolution des valeurs dans le temps.
- Une autre excellente utilisation des sparklines repose sur le type de données. Tracer un graphique en courbes avec des valeurs qui se chevauchent peut rendre difficile pour les lecteurs de distinguer une série d'une autre. Un exemple concret : d'autres clichés de films sont visibles ci-dessous :
- De même, les sparklines constituent aussi un meilleur choix pour afficher des données sans chevauchement. Imaginons par exemple que vous suiviez plusieurs indicateurs simultanément. Si vous affichez ces données sur un graphique en courbes, certains changements pourraient être masqués en raison des échelles différentes des lignes. Les sparklines, en revanche, peuvent couvrir des plages très différentes. Chaque indicateur a sa propre échelle (verticale) tout en conservant son alignement (horizontal) pour une lecture facile. Contrairement à un graphique multi-axes, votre lecteur n'aura pas besoin d’associer chaque ligne à son échelle.
Je qualifierais tout de même ce score de bon. Pas vous ?
- Certains jeux de données contiennent des valeurs aberrantes, tandis que d’autres présentent des points hauts et bas distincts. Il est plus facile de signaler ces zones à vos lecteurs lorsque vous utilisez une sparkline dans vos rapports ou tableaux de bord, comme la dernière valeur ou la valeur minimale/maximale à ce jour, ou encore la tendance qui en découle et si elle est croissante ou décroissante. Par exemple, le graphique ci-dessous marque les occasions très particulières – lisez seulement deux– les fois où j'en savais plus que ma mère sur un sujet. Les pics du sparkline permettent de retrouver ces deux moments bien plus facilement.
Un rappel sur les sparklines – Meilleurs cas d'usage
Vous connaissez peut-être déjà nos recommandations pour produire d'excellents graphiques en courbes. Vérifions lesquelles des suivantes s'appliquent aussi à une sparkline :
Et continue à raconter ces bêtises, c'est non correct
N’utilisez pas de sparkline sans tenir compte de ses inconvénients. Par exemple, le sous-graphique étroit verticalement limite la quantité d’informations que vous pouvez afficher pour chaque ensemble. Il n’y aura pas non plus de repères autres que les valeurs de début et de fin. N’utilisez donc pas de sparkline pour souligner des changements absolus ou des situations nécessitant un examen quantitatif. Utilisez-les plutôt pour mettre en évidence les changements relatifs et l’examen qualitatif.
Mais sauriez-vous dessiner et parler en même temps ?
Bien sûr, les graphiques sont des outils de visualisation de données, et les sparklines ne font pas exception. Cependant, ils ont un impact maximal lorsqu'ils sont accompagnés de texte apportant du contexte et du sens supplémentaire.
Et c'est mon élément graphiques qui se trouve sur cette balise
Tout comme l’emplacement compte pour les graphiques en courbes, n’inondez pas votre graphique sparkline avec de nombreux éléments graphiques comme les clés, symboles, légendes et titres. Comme vous opterez probablement pour ce type de graphique pour son design minimaliste, tirez-en le meilleur parti en gardant les choses épurées.
Donc ajouter votre tableaux laisse-moi t’appeler un taxi
Les présentateurs de données choisissent un sparkline pour éviter l’embouteillage qu’un graphique linéaire à plusieurs axes créerait à cause d’un trop grand nombre de points de données. N’oubliez toutefois pas d’ajouter un tableau avec les données de votre sparkline pour le rendre plus facile à lire.
Récapitulatif – Inspiré par Queen B Irremplaçable
Et continue à raconter ces bêtises, ce n'est pas cool
Mais sauriez-vous dessiner et parler en même temps ?
Et ce sont mes éléments graphiques qui figurent sur ce tag
Alors, ajoutez vos tableaux, je vous appelle un taxi
Mettre l'étincelle dans le sparkline — Détails du produit
Si, comme moi et le reste de l'équipe Image Charts lorsque nous les avons découverts, vous tombez sous le charme des sparklines, vous aurez hâte de les essayer. Afficher une multitude de valeurs, par exemple pour la bourse, la température, les tendances de KPI, etc., devient bien plus élégant et facile à interpréter avec ces graphiques. Et une fois que vous saurez les créer et les automatiser grâce à Image Charts, vous en deviendrez fan pour la vie, des deux à la fois.
Voici plusieurs éléments avec lesquels vous pouvez jouer lorsque créer un sparkline avec Image Charts:
- vous demandez comment changer la couleur d'une sparkline apprécierez cette fonctionnalité d'Image Charts.
- Affichez vos données avec l’épaisseur, le style de ligne et la taille de graphique de votre choix.
- Suscitez toutes les exclamations d'admiration que vous méritez en partageant vos créations étincelantes avec vos amis et collègues via Visualforce, MailChimp, Email, Team, Slack et Zapier.
- Impressionnez en présentant vos graphiques transformés engifs.
Votre moment de briller – Comment Image Charts peut vous aider
Automatisation
L'automatisation d'Image Charts est une bénédiction pour les personnes qui présentent régulièrement des données dans le cadre de leur profession ou à des fins académiques. Une fois votre profil Image Charts lié à Zapier ou à Make, vous pouvez dire adieu à vos soucis de données, car :
- le workflow continuera d'extraire les données de la source pour les fournir à la création automatisée de graphiques d'Image Charts.
- Vous pouvez utiliser l'un des nombreux – et ils sont nombreux – moyens de diffuser vos tout nouveaux graphiques.
Consultez ci-dessous les recommandations spécifiques à chaque plateforme pour l'automatisation :
Zapier
- Commencez un déclencheur en choisissant votre source de données, qu'il s'agisse d'e-mails ou d'un CRM.
- Laissez Zapier se connecter à Image Charts afin de sélectionner vos options de sparkline
- Choisissez maintenant la destination de votre graphique et envoyez-le via l'URL reçue.
Make
- Repérez votre source de données.
- Connectez Make à Image Charts et sélectionnez les fonctionnalités du graphique.
- Apprendre à ajouter un sparkline est simple : choisissez votre canal de diffusion, collez l’URL, et transférez.
API
Vous voulez créer un sparkline en ligne avec l'API Image Charts ? Rédigez des formules d'URL de sparkline avec l'option API d'Image Charts :
- Commencez par cette partie : https://image-charts.com/chart
- Utiliser ?cht=ls pour indiquer le type de votre graphique
l est pour un diagramme en courbes
s représente une sparkline
- Expérimentez avec la taille via &chs=700x100
700 est la largeur (en pixels)
100 est la hauteur (en pixels)
- Définissez la valeur du graphique dans cette partie de la formule d’URL : &chd=t:60,40
- Enfin, ajoutez des libellés d'axes avec &chxl=0:|Jan|Feb|Mar|Apr|May|Jun
Collez maintenant votre formule d'URL dans votre navigateur.
Besoin d'aller plus loin ? Vos instructions détaillées se trouvent ici.
Entretenir la flamme
Nous avons abordé plusieurs aspects des sparklines, notamment ce qu'est un sparkline, sa fonction, et quand l'utiliser pour un impact maximal. Commencez dès maintenant à utiliser cette fonctionnalité discrète d'Image Charts pour une présentation de données esthétiquement soignée. En avant les sparklines !
La vérité qui brille — FAQ
1. Comment écrire des formules de sparkline dans Image Charts ?
L'option API d'Image Charts simplifie les formules d'URL pour les sparklines. En effet, la plupart de ses éléments sont identiques pour tous les types de graphiques. Suivez ce workflow pour en écrire une dès aujourd'hui !
2. Comment modifier des sparklines dans Image Charts ?
Pour modifier votre sparkline, il vous faudra ajuster les valeurs dans la formule d’URL donnée ci-dessus.
3. Combien de couleurs une sparkline Image Charts peut-elle avoir ?
Comme votre sparkline se compose d’une seule ligne, elle ne peut avoir qu’une seule couleur. Il en va de même pour l’épaisseur et le style de la ligne. Vous pouvez toutefois faire varier ces caractéristiques entre différentes sparklines d’une même pile. Les sparklines dans Excel et dans Google Sheets fonctionnent de manière similaire.
En savoir plus sur les graphiques sparkline dans notre documentation ici.
