The simple genius of a good graphic | Tommy McCall

Traducteur: Floriane François Relecteur: Tual Şekercigil

I love infographics.

J'aime l'infographie.

As an information designer,

En tant que concepteur multimédia,

I've worked with all sorts of data over the past 25 years.

j'ai vu toutes sortes de données

au cours des 25 dernières années.

I have a few insights to share, but first: a little history.

J'ai quelques idées à vous partager,

mais d'abord : faisons un peu d'histoire.

Communication is the encoding, transmission and decoding of information.

La communication est l'encodage,

la transmission

et le décodage de l'information.

Les avancées dans la communication

Breakthroughs in communication mark turning points in human culture.

marquent un tournant dans la culture humaine.

Oracy, literacy and numeracy were great developments in communication.

L'oralité, l'alphabétisation et la numérisation

ont marqué un grand progrès en communication.

Ils nous permettent de changer des idées en mots

They allow us to encode ideas into words

and quantities into numbers.

et des quantités en nombres.

Without communication, we'd still be stuck in the Stone Ages.

Sans la communication,

on serait encore bloqué à l'Âge de pierre.

Although humans have been around for a quarter million years,

Même si les humains existent depuis longtemps,

it was only 8,000 years ago that proto-writings began to surface.

ça ne fait que 8 000 ans que l'écriture pictographique est apparue.

Nearly 3,000 years later, the first proper writing systems took shape.

Environ 3 000 ans plus tard,

le premier système d'écriture à proprement parler a pris forme.

Maps have been around for millennia and diagrams for hundreds of years,

Les cartes existent depuis des millénaires

et les diagrammes depuis une centaine d'années,

but representing quantities through graphics

mais représenter des quantités à travers des graphiques

est un progrès assez récent.

is a relatively new development.

It wasn't until 1786 that William Playfair invented the first bar chart,

Ce n'est qu'en 1786 que William Playfair a inventé le premier histogramme,

donnant naissance à la représentation visuelle d'informations quantitatives.

giving birth to visual display of quantitative information.

Fifteen years later, he introduced the first pie and area charts.

Quinze ans plus tard,

il a introduit les graphiques circulaires et en aires empilées.

His inventions are still the most commonly used chart forms today.

Ses inventions sont encore les plus utilisées aujourd'hui.

Florence Nightingale invented the coxcomb in 1857

Florence Nightingale a inventé le graphique « camembert » en 1857

for a presentation to Queen Victoria on troop mortality.

pour une présentation donnée à la Reine Victoria sur la mortalité des troupes.

Highlighted in blue,

Surligné en bleu,

she showed how most troops' deaths could have been prevented.

elle a montré comment beaucoup de morts auraient pu être évitées.

Shortly after, Charles Minard charted Napoleon's march on Moscow,

Plus tard,

Charles Minard a créé un graphique sur la marche de Napoléon sur Moscou,

illustrating how an army of 422,000 dwindled to just 10,000

illustrant comment une armée de 422 000 hommes s'est réduite à 10 000

as battles, geography and freezing temperatures took their toll.

à cause des batailles, de la géographie et des basses températures

qui ont eu de lourdes conséquences.

He combined a Sankey diagram with cartography

Il a combiné un diagramme de Sankey avec une cartographie

and a line chart for temperature.

et une courbe pour la température.

J'étais tout excité à l'idée de jouer avec autant de données,

I get excited when I get lots of data to play with,

especially when it yields an interesting chart form.

notamment quand il y avait des formes de diagrammes intéressantes.

Here, Nightingale's coxcomb was the inspiration

Ici, le camembert de Nightingale

m'a inspiré pour organiser les données de milliers de

to organize data on thousands of federal energy subsidies,

subventions fédérales en matières d'énergie,

scrutinizing the lack of investment in renewables over fossil fuels.

en examinant le manque d'investissement

dans les énergies renouvelables contrairement aux énergies fossiles.

This Sankey diagram illustrates the flow of energy through the US economy,

Ce diagramme de Sankey illustre

le flux énergétique de l'économie américaine,

emphasizing how nearly half of the energy used is lost as waste heat.

soulignant que presque la moitié de l'énergie utilisée

représente des pertes de chaleur.

I love it when data can be sculpted into beautiful shapes.

J'aime quand les données peuvent être sculptées dans de belles formes.

Here, the personal and professional connections of the women of Silicon Valley

Ici, les connexions personnelles et professionnelles

des femmes de la Silicon Valley

peuvent être tissées entre elles.

can be woven into arcs,

same as the collaboration of inventors birthing patents across the globe

Même chose : la collaboration des inventeurs à travers le monde

can be mapped.

peut être cartographiée.

I've even made charts for me.

J'ai même fait des graphiques pour moi.

I'm a numbers person, so I rarely win at Scrabble.

J'aime les chiffres, donc je gagne rarement au Scrabble.

J'ai créé ce diagramme représentant tous les mots de 2 ou 3 lettres

I made this diagram to remember all the two- and three-letter words

in the official Scrabble dictionary.

issus du dictionnaire officiel du Scrabble.

(Laughter)

(Rires)

Connaitre ces 1 168 mots peut vous faire gagner.

Knowing these 1,168 words certainly is a game changer.

(Laughter)

(Rires)

Sometimes I produce code to quickly generate graphics

Parfois, je crée des codes pour générer rapidement des graphiques

from thousands of data points.

à partir de centaines de points de données.

Coding also enables me to produce interactive graphics.

Le codage me permet également de produire des graphiques interactifs.

Now we can navigate information on our own terms.

Nous pouvons maintenant présenter nos informations comme nous le souhaitons.

Les graphiques aux formes originales ont l'air cool,

Exotic chart forms certainly look cool,

but something as simple as a little dot may be all you need

mais vous pouvez n'avoir besoin que d'un simple point

to solve a particular thinking task.

pour venir à bout d'une certaine réflexion.

In 2006, the "New York Times" redesigned their "Markets" section,

En 2006, le New York Times a repensé sa section consacrée au Marché Boursier,

cutting it down from eight pages of stock listings

la réduisant de huit pages de listes d'actions

to just one and a half pages of essential market data.

à seulement une page et demie de données essentielles.

We listed performance metrics for the most common stocks,

Nous avons listé des indicateurs de performance pour les actions courantes,

but I wanted to help investors see how the stocks are doing.

mais je voulais aider les investisseurs à voir comment se portaient les actions.

So I added a simple little dot

J'ai donc ajouté un simple point

to show the current price relative to its one-year range.

pour comparer le prix actuel avec le prix relatif sur un an.

At a glance, value investors can pick out stocks trading near their lows

En un coup d'oeil, les investisseurs axés sur la valeur peuvent choisir

des actions peu chères en cherchant les points situés à gauche.

by looking for dots to the left.

Momentum investors can find stocks on an upward trajectory

Les gros investisseurs peuvent trouver des actions qui montent en flèche

via dots to the right.

grâce aux points situés à droite.

Shortly after, the "Wall Street Journal" copied the design.

Peu après, le Wall Street Journal a copié le design.

Simplicity is often the goal for most graphics,

La simplicité est le principal objectif des infographistes,

but sometimes we need to embrace complexity

mais parfois, nous avons besoin d'inclure la complexité

and show large data sets in their full glory.

et de montrer une large collection de données.

Alec Gallup, the former chairman of the Gallup Organization,

Alec Gallup, l'ancien président de la Gallup Organization,

once handed me a very thick book.

m'a un jour donné un gros livre.

C'était un héritage de sa famille :

It was his family's legacy:

hundreds of pages covering six decades of presidential approval data.

des centaines de pages couvrant 60 ans de données d'approbation présidentielle.

I told him the entire book could be graphed on a single page.

J'ai dit que je pouvais le résumer en un graphique d'une seule page.

"Impossible," he said.

« Impossible », m'a-t'il répondu.

And here it is:

Et voilà :

25,000 data points on a single page.

25 000 points de données sur une seule page.

On peut rapidement voir que la plupart des présidents

At a glance, one sees that most presidents start with a high approval rating,

avaient d'abord un taux élevé d’approbation,

but few keep it.

mais peu l'ont gardé.

Events like wars initially boost approval;

Les guerres encouragent l'approbation,

scandals trigger declines.

les scandales déclenchent des déclins.

Ces évènements majeurs sont inclus dans le graphique mais pas dans le livre.

These major events were annotated in the graphic but not in the book.

The point is, graphics can transmit data with incredible efficiency.

Le graphique peut transmettre des données avec une efficacité surprenante.

Graphicacy --

Le graphisme,

la capacité de lire et de créer des graphiques,

the ability to read and write graphics --

is still in its infancy.

n'est encore que dans ses débuts.

New chart forms will emerge and specialized dialects will evolve.

De nouveaux graphiques vont apparaitre

et les dialectes spécialisés vont évoluer.

Graphics that help us think faster

Des graphiques nous aidant à penser plus vite

or see a book's worth of information on a single page

ou à voir toutes les informations d'un livre sur une seule page

are the key to unlocking new discoveries.

sont les clés pour faire de nouvelles découvertes.

Our visual cortex was built to decode complex information

Notre cortex visuel a été construit pour décoder des informations complexes

and is a master at pattern recognition.

et est un maître de la reconnaissance de formes.

Graphicacy enables us to harness our built-in GPU

Il nous permet graphiquement d'exploiter notre processeur graphique intégré

to process mountains of data

pour traiter des tonnes de données

and find the veins of gold hiding within.

et pour trouver les veines d'or cachées à l'intérieur.

Thank you.

Merci.

(Applause and cheers)

(Applaudissements)