Le New-York Times, un grand leader en la matière, est toujours à la pointe de l’innovation et le prouve encore avec cette brillante restitution du déroulé de certaines disciplines.

L'étoffe des champions

Le principe retenu est de montrer la distance temporelle entre le/la finaliste et ses concurrents. Le temps est donc mesuré à partir d’une référence zéro (le point situé sur le trait vertical “0″).

L’écart avec le gagnant est matérialisé pour chaque autre prétendant par un point. Nous pouvons ainsi visuellement nous faire une idée de l’avance du médaillé par rapport à ses concurrents et de la distribution des résultats obtenus par les participants.

Le New-York Times va beaucoup plus loin pour nous aider à comprendre la réalité du temps écoulé. Si vous vous rendez sur le site vous pourrez utiliser la fonctionnalité audio qui accompagne le graphique. C’est tout simplement saisissant.

En cliquant sur “Play” et en montant le son de votre ordinateur, vous pourrez entendre une restitution du tempo du graphique. L’écart temporel entre les participants est restitué à l’aide d’un son distinct comme si l’on marquait à l’aide d’une touche de piano chaque distance entre les participants. Visuellement, chacun des points se colorie au fur et à mesure du temps qui passe avec une coloration qui tranche et une atténuation progressive.

Un grand merci à Kaiser de Junkcharts pour cette pépite et félicitations à Amanda Cox pour cette brillante innovation.

Dans le cas présent, le graphique est publié par l’administration Obama et montre comment depuis l’élection, les Etats-Unis sont partis sur des meilleurs rails en matière d’emploi.

L'efficacité de l'administration Obama en matière d'emploi

Parmi les éléments qui donnent le sentiment que l’administration d’Obama œuvre dans le bon sens nous avons notamment :

• Le choix d’un indicateur qui permet d’obtenir un rendu visuel attrayant: le nombre de destruction d’emploi affiche des valeurs négatives et donne une impression positive lorsqu’il se réduit.
• L’adoption d’un code couleur pour bien différencier les 2 périodes (celle de l’administration Bush et celle de l’administration Obama).

Merci Jan pour cette petite pépite.

Dans mes souvenirs de cours de dessin, l’accent était beaucoup mis sur la technique du dessin en perspective. Cette technique est très réaliste et respecte les modifications des perceptions de proportions en fonction de l’éloignement entre le sujet et celui qui le regarde. Pour créer un tel dessin, il faut d’abord poser une ligne d’horizon et un point de fuite.

Ensuite il faut dessiner les éléments qui nous font face et pour créer le volume, relier ces éléments avec le point de fuite.

Le résultat obtenu est certes proche de la réalité de notre vision dans le monde réel mais un tel résultat reste difficile à reproduire facilement.

Il existe une autre méthode consistant à ne pas respecter les modifications des perceptions de proportions : le dessin en isométrie 3D. Techniquement, cela revient à dire qu’il n’y aura pas de point de fuite dans le dessin.

La conséquence étant que nous aurons un dessin pour lequel des éléments d’arrières plan occuperont la même surface, auront les même longueurs et hauteurs que les éléments identiques du premier plan. Il n’y aura donc pas d’aplatissement en fonction de l’éloignement de l’objet.

Pour maîtriser cette technique, je me suis entrainé à tout d’abord dessiner une cube de référence. Ce cube me permet de visualiser les droites de références (les différentes arêtes de ce cube).

Il me donne ainsi un pseudo-gabarit en 3D. Ensuite je vais chercher à dessiner un objet (ici un ordinateur) de manière à ce qu’il respecte l’orientation de ce cube.

Pour compléter mon “langage visuel”, je vais m’entrainer à répéter le dessin d’objet dont je pourrais avoir besoin dans une situation d’entretien, de réunion.

A force d’entrainement et d’enrichissement de sa bibliothèque personnelle d’objets standards, il est possible de très rapidement esquisser une situation. Dans l’exemple qui suit, j’ai illustré la relation entre une entreprise, la chaîne logistique de livraison traditionnelle vers un magasin et l’alternative à l’aide d’un site internet et d’une livraison par les services postaux.

Un tel schéma permet d’expliquer rapidement une situation actuelle et une alternative. La formalisation de ceci sous forme de dessin permet à tous de visualiser l’objectif. L’affichage des différents composants & acteurs permet de provoquer des réactions et d’approfondir la faisabilité et les difficultés à mener un tel projet.

Savoir créer un croquis peut vite être une arme d’une redoutable efficacité pour transmettre un message.

•  Chaque entreprise à élaborer une charte graphique qui lui est propre
• Chaque entreprise dispose ainsi d’un langage iconographique spécifique (logo, couleur, portions d’images..)
• Ces éléments sont généralement combinés dans des modèles Powerpoint imposés aux salariés

Le hic… c’est que lorsque l’on regarde attentivement l’espace de travail qui reste disponible pour que l’on place le cœur d’une présentation, il ne reste pas une grande surface exploitable. Ainsi le rappel sur les modèles simples (titre et zone de texte) de toute ou partie du logo de manière ostentatoire restreint les zones sur lesquelles insérer les éléments clefs.

Tout en respectant l’enjeu de cohérence de la communication graphique qui émane d’une entreprise vers son personnel et le monde extérieur, il doit être possible de créer des modèles plus efficaces.

Une phase d’analyse de la pertinence des “modèles” et de leurs composants, à l’aune de l’efficacité en termes d’impact visuel et d’espace utile pour la transmission d’information, devrait faire partie intégrante des réflexes en entreprise.

Je vois 2 causes possibles à ce phénomène:

• Soit l’orateur est intimement persuadé qu’il doit fournir le plus d’informations possibles au regard de la durée de son intervention. Dans ce cas, il ne va ni chercher à procéder à une phase d’analyse critique de ce qui est primordial pour l’audience; ni à un vrai travail de synthèse pour rechercher une efficacité maximale dans la restitution orale.
   
• Soit l’orateur est persuadé que s’il ne “tient pas la distance”, c’est à dire s’il ne peut apporter de la matière pour l’ensemble du créneau qui lui est alloué, il sera perçu comme un collaborateur inefficace. Dans ce cas, il y a confusion entre la recherche d’une exposition maximale de l’orateur d’une part (et le travail induit de coordination des intervenants) et la recherche d’une gestion optimum de l’énergie dépensée par l’entreprise au travers des participants (présence de l’orateur & de l’audience) d’autre part.

Combien de présentations sont-elles si longues que lorsque l’on calcule le coût pour l’entreprise (nombre de participants x salaire horaire des participants), l’on arrive à des montants qui permettrait d’allouer des budgets à des projets ou des embauches ?

Etapes: n°176

Revue de grande qualitée, avec en plus un grammage de papier qui en fait un bel objet, Etapes: se consacre au graphisme, au design… bref à tout ce qui touche à l’information visuelle sous toutes ses formes.

Le numéro 176 de Janvier est un must à rechercher et garder précieusement. Il est consacré à la visualisation de l’information en sollicitant des pointures en la matière.

Ne chercher pas à contacter le service client, ils n’en ont plus. Je vous recommande la page qui liste les librairies distribuant cette revue et de les contacter très rapidement… il est peut-être encore temps.

Au menu:

• une présentation de l’oeuvre d’Edward Tufte et de son influence sur le renouveau de cette discipline
• une interview de Manuel Lima, animateur du site Visual Complexity, présente différentes formes de visualisation de données dynamiques
• une échange très intéressant avec l’équipe du New-York Times, auteurs et responsables de nombreux graphiques innovants que j’ai souvent cité en exemple

Je vous souhaite une excellente lecture

Cependant, représenter la répartition d’un univers sous forme d’un graphique dont la totalité des composants représenterait 100% de cet univers est parfois une nécessité. Cela permet de poser le décor et de mettre en relief les poids relatifs des différents composants de cet univers.

Une alternative existe, le “Camembert Carré” ou “Square Pie” en anglais. Je l’ai présenté dans le Chapitre 6 de mon livre ainsi que 75 autres graphiques de référence. Si l’on souhaite visualiser le résultat d’un sondage, il est possible de construire le graphique suivant:

Une représentation Square Pie sous Excel

Pour le faire sous Excel, nous allons utiliser 2 séries de données et un graphique en barres empilées.

En voici le principe : pour obtenir une forme carré contenant 100 éléments unitaires, nous devons dessiner un carré de 10 colonnes / 10 lignes. Nous utiliserons la couleur pour distinguer chacune des séries.

La problématique à résoudre est donc la suivante : combien de colonnes doivent contenir combien d’éléments pour visualiser l’intégraltotité de la série 1 ?

Plusieurs cas de figures sont possibles:

• Soit la valeur de la série 1 est inférieure à 10 et donc nous n’avons besoin que d’une seule ligne (même incomplète)
• Soit la valeur est supérieure à 10 et aussi un multiple de 10 : nous n’aurons donc que des lignes pleines
• Soit la valeur est supérieure à 10 et n’est pas un multiple de 10 : nous aurons besoins de lignes pleines et d’une ligne incomplète (donc des colonnes “hautes” par rapport aux autres)

Ces calculs sont obtenus :

• pour le nombre de Lignes pleines: à l’aide de la formule = ENT (Valeur Série 1 / 10)
• pour le nombre de Colonnes hautes : par différence entre la valeur de la série 1 et 10 x le nombre de Lignes pleines

Dans l’image ci-dessous, nous avons à droite le “moteur technique” qui va tester les valeurs de la Série 1, au milieu les différents valeurs des 2 séries qui seront utilisées pour le graphique (sur chaque colonne nous aurons toujours 10 unités au total par construction) et à droite le moteur graphique.

La mécanique de création d'un camembert carré sous Excel

 Quelques précisions pour vous permettre de dupliquer ceci:

• La cellule L3 contient la valeur de la série 1, la cellule L5 calcul le complément pour arriver à un total de 100
• Les colonnes Q & R permettent le calcul de chacune des valeurs des séries 1 et 2 pour chacune des colonnes du graphique. Les formules sont illustrées sur cette image pour chacune des cellules Q12 et R12
• Le graphique des “barres empilées” a été personnalisé avec l’utilisation d’une forme graphique carrée comme “marqueur” et l’option d’empilement paramétrée pour 1 image = 1 unité (la bordure de chacune de ces formes est paramétrée en blanc pour faciliter la différenciation visuelle)
• Tous les éléments perturbateurs (axes des X, des Y, légendes etc…) ont été retirés
• 2 zones de textes ont été rajoutées et pointent sur les cellules M3 et M5 qui contiennent les libellés élaborés sous forme de chaines de caractères reprenant la valeur de chaque série exprimée en pourcentage.
• Le format carré de l’ensemble est obtenu par ajustement de l’aire et de la zone graphique par rapport à un “gabarit” de référence.

Une fois que vous assemblez le tout… Presto ! La mise à jour est automatique. Il ne vous reste plus qu’à déplacer les 2 zones de textes pour qu’elles soient correctement et harmonieusement positionnées dans le graphique.
Je reviendrai prochainement sur l’élaboration de Camembert Carré contenant 3 séries de données et plus…

Evolution des taux immobilier

Je trouve cette construction sobre et élégante avec la mise en avant des éléments clefs de manière très adroite. Citons parmi ceux-ci :

• Le recours à 2 couleurs distinctes
• La légende directement insérée dans le graphique
• L’affichage des données quantitatives sur les moments clefs
• La distinction des années à l’aide d’une alternance de fond gris / blanc
• L’encadrement des courbes par des lignes de références (haut / bas) au trait gras et continue
• Un titre « conclusif »

Ce n’est pas bien sûr l’aspect esthétique qui est intéressant mais le fait qu’une telle conception puisse être assimilée en un minimum de temps par le lecteur.

On peut ainsi consacrer plus de temps à l’analyse des conséquences… Un gain de productivité individuelle non négligeable, non ?

La réalisation de classement de type Top 10 / Flop 10 est un moyen de présenter cette information. La principale difficulté étant de pouvoir extraire les informations et de pouvoir dynamiquement créer cette liste ordonnée.

Excel dispose d’une fonction intéressante qui vous permet, si vous organisez correctement vos informations, de faire cela de manière automatique.

Prenons, en cette période de fin de fêtes, l’exemple du Tableau de bord du Père Noel. Tous les enfants savent que les rennes ont une fâcheuse tendance à consommer les carottes laissées à leur attention…. mais qui est le plus gourmand ? Pour le savoir nous avons ajouté au tableau de bord d’activité du Père Noel un module spécifique qui utilise 2 fonctions:

• La fonction RANG
• La fonction RECHERCHEV

Etape 1 : organisation des informations
Les données relatives aux noms des rennes et la consommation de carottes sont placées dans une zone spécifique avec une colonne libre à droite.

Celle-ci est utilisée pour appliquer la fonction RANG. Cette formule va calculer le rang (croissant ou décroissant) d’une valeur numérique dans une liste de valeurs numériques).

Elle est appliquée ci-après en colonne A.

Elaboration d'un Top 8 dans un tableau de bord - cliquer dessu une image plus large

Etape 2 : construction du Top 8
Pour ordonner ce classement, nous allons en premier lieu figer une liste de 1 à 8 (en colonne E).

Puis nous allons rapatrier le nom du renne à l’aide de la fonction RECHERCHEV en pointant sur la zone A6 :B13.

Enfin nous rapatrions la consommation du renne, toujours à l’aide de la fonction RECHERCHEV mais en pointant sur la zone B6 :C13. Ces 2 fonctions sont appliquées dans les colonnes F et G de l’exemple.

NB : il existe un travers à la fonction RANG c’est qu’elle ne gère pas correctement les ex-æquo. Si 2 rennes obtiennent le même rang alors nous n’obtenons que le nom du 1er des deux rennes à l’aide de la fonction RANG et une erreur N/A sur le rang suivant.

Pour se prémunir partiellement de ceci, on peut construire un test de type SI (la recherche retourne #N/A) ALORS (afficher un blanc) SINON (afficher le nom du renne).

Pour l’affichage simultané des noms des ex-æquo, je suis en recherche de solution… si vous avez des solutions à partager, n’hésitez pas !