TED2018
Tommy McCall: The simple genius of a good graphic
Tommy McCall: L'art d'un bon graphique en toute simplicité
Filmed:
Readability: 5.6
827,342 views
Dans une conférence entre leçon d'histoire et lettre d'amour aux graphiques, le concepteur multimédia Tommy McCall retrace l'évolution des graphiques et des diagrammes au cours des siècles passés ; et montre comment des données complexes peuvent être sculptées pour ainsi donner naissance à de belles formes. "Les graphiques qui nous aident à penser plus rapidement, ou à voir sur une seule page l'intégralité des informations présentes dans un livre, ouvrent une porte menant à de nouvelles découvertes" dit McCall.
Tommy McCall - Information designer
Tommy McCall specializes in presenting complex and rich data sets. Full bio
Tommy McCall specializes in presenting complex and rich data sets. Full bio
Double-click the English transcript below to play the video.
J'aime l'infographie.
00:12
I love infographics.
0
832
1617
En tant que concepteur multimédia,
00:14
As an information designer,
1
2473
1714
j'ai vu toutes sortes de données
00:16
I've worked with all sorts of data
over the past 25 years.
over the past 25 years.
2
4211
3202
au cours des 25 dernières années.
J'ai quelques idées à vous partager,
00:19
I have a few insights to share,
but first: a little history.
but first: a little history.
3
7437
3401
mais d'abord : faisons un peu d'histoire.
La communication est l'encodage,
00:24
Communication is the encoding,
transmission and decoding of information.
transmission and decoding of information.
4
12793
4988
la transmission
et le décodage de l'information.
Les avancées dans la communication
00:30
Breakthroughs in communication mark
turning points in human culture.
turning points in human culture.
5
18125
3418
marquent un tournant
dans la culture humaine.
dans la culture humaine.
L'oralité, l'alphabétisation
et la numérisation
et la numérisation
00:35
Oracy, literacy and numeracy
were great developments in communication.
were great developments in communication.
6
23384
4808
ont marqué un grand progrès
en communication.
en communication.
Ils nous permettent de changer
des idées en mots
des idées en mots
00:40
They allow us to encode ideas into words
7
28216
2681
et des quantités en nombres.
00:42
and quantities into numbers.
8
30921
1713
00:45
Without communication, we'd still
be stuck in the Stone Ages.
be stuck in the Stone Ages.
9
33144
3096
Sans la communication,
on serait encore bloqué à l'Âge de pierre.
Même si les humains existent
depuis longtemps,
depuis longtemps,
00:49
Although humans have been around
for a quarter million years,
for a quarter million years,
10
37706
2906
ça ne fait que 8 000 ans que
l'écriture pictographique est apparue.
l'écriture pictographique est apparue.
00:52
it was only 8,000 years ago
that proto-writings began to surface.
that proto-writings began to surface.
11
40636
3048
00:56
Nearly 3,000 years later, the first
proper writing systems took shape.
proper writing systems took shape.
12
44703
3916
Environ 3 000 ans plus tard,
le premier système d'écriture
à proprement parler a pris forme.
à proprement parler a pris forme.
Les cartes existent depuis des millénaires
01:03
Maps have been around for millennia
and diagrams for hundreds of years,
and diagrams for hundreds of years,
13
51608
4593
et les diagrammes
depuis une centaine d'années,
depuis une centaine d'années,
mais représenter des quantités
à travers des graphiques
à travers des graphiques
01:08
but representing quantities
through graphics
through graphics
14
56225
2834
est un progrès assez récent.
01:11
is a relatively new development.
15
59083
1760
Ce n'est qu'en 1786 que William Playfair
a inventé le premier histogramme,
a inventé le premier histogramme,
01:13
It wasn't until 1786 that William Playfair
invented the first bar chart,
invented the first bar chart,
16
61208
4858
donnant naissance à la représentation
visuelle d'informations quantitatives.
visuelle d'informations quantitatives.
01:18
giving birth to visual display
of quantitative information.
of quantitative information.
17
66090
3694
Quinze ans plus tard,
01:22
Fifteen years later, he introduced
the first pie and area charts.
the first pie and area charts.
18
70980
3801
il a introduit les graphiques
circulaires et en aires empilées.
circulaires et en aires empilées.
01:27
His inventions are still the most
commonly used chart forms today.
commonly used chart forms today.
19
75225
3553
Ses inventions sont encore
les plus utilisées aujourd'hui.
les plus utilisées aujourd'hui.
Florence Nightingale a inventé
le graphique « camembert » en 1857
le graphique « camembert » en 1857
01:32
Florence Nightingale invented
the coxcomb in 1857
the coxcomb in 1857
20
80698
4198
pour une présentation donnée à la Reine
Victoria sur la mortalité des troupes.
Victoria sur la mortalité des troupes.
01:36
for a presentation to Queen Victoria
on troop mortality.
on troop mortality.
21
84920
2908
01:40
Highlighted in blue,
22
88193
1172
Surligné en bleu,
elle a montré comment beaucoup
de morts auraient pu être évitées.
de morts auraient pu être évitées.
01:41
she showed how most troops' deaths
could have been prevented.
could have been prevented.
23
89389
3497
01:47
Shortly after, Charles Minard charted
Napoleon's march on Moscow,
Napoleon's march on Moscow,
24
95461
4653
Plus tard,
Charles Minard a créé un graphique
sur la marche de Napoléon sur Moscou,
sur la marche de Napoléon sur Moscou,
01:52
illustrating how an army of 422,000
dwindled to just 10,000
dwindled to just 10,000
25
100138
5247
illustrant comment une armée
de 422 000 hommes s'est réduite à 10 000
de 422 000 hommes s'est réduite à 10 000
à cause des batailles, de la géographie
et des basses températures
et des basses températures
01:57
as battles, geography and freezing
temperatures took their toll.
temperatures took their toll.
26
105409
4452
qui ont eu de lourdes conséquences.
02:01
He combined a Sankey diagram
with cartography
with cartography
27
109885
3128
Il a combiné un diagramme de Sankey
avec une cartographie
avec une cartographie
02:05
and a line chart for temperature.
28
113037
1748
et une courbe pour la température.
J'étais tout excité à l'idée de
jouer avec autant de données,
jouer avec autant de données,
02:09
I get excited when I get
lots of data to play with,
lots of data to play with,
29
117084
2754
02:11
especially when it yields
an interesting chart form.
an interesting chart form.
30
119862
2842
notamment quand il y avait
des formes de diagrammes intéressantes.
des formes de diagrammes intéressantes.
Ici, le camembert de Nightingale
02:17
Here, Nightingale's coxcomb
was the inspiration
was the inspiration
31
125364
3637
m'a inspiré pour organiser
les données de milliers de
les données de milliers de
02:21
to organize data on thousands
of federal energy subsidies,
of federal energy subsidies,
32
129025
3239
subventions fédérales
en matières d'énergie,
en matières d'énergie,
02:24
scrutinizing the lack of investment
in renewables over fossil fuels.
in renewables over fossil fuels.
33
132288
3908
en examinant le manque d'investissement
dans les énergies renouvelables
contrairement aux énergies fossiles.
contrairement aux énergies fossiles.
Ce diagramme de Sankey illustre
02:30
This Sankey diagram illustrates
the flow of energy through the US economy,
the flow of energy through the US economy,
34
138543
4212
le flux énergétique
de l'économie américaine,
de l'économie américaine,
soulignant que presque
la moitié de l'énergie utilisée
la moitié de l'énergie utilisée
02:34
emphasizing how nearly half
of the energy used is lost as waste heat.
of the energy used is lost as waste heat.
35
142779
4317
représente des pertes de chaleur.
J'aime quand les données peuvent
être sculptées dans de belles formes.
être sculptées dans de belles formes.
02:42
I love it when data can be sculpted
into beautiful shapes.
into beautiful shapes.
36
150598
3176
Ici, les connexions
personnelles et professionnelles
personnelles et professionnelles
02:45
Here, the personal and professional
connections of the women of Silicon Valley
connections of the women of Silicon Valley
37
153798
4432
des femmes de la Silicon Valley
peuvent être tissées entre elles.
02:50
can be woven into arcs,
38
158254
1892
Même chose : la collaboration
des inventeurs à travers le monde
des inventeurs à travers le monde
02:54
same as the collaboration of inventors
birthing patents across the globe
birthing patents across the globe
39
162519
3795
02:58
can be mapped.
40
166338
1343
peut être cartographiée.
J'ai même fait des
graphiques pour moi.
graphiques pour moi.
03:01
I've even made charts for me.
41
169385
1804
J'aime les chiffres, donc je gagne
rarement au Scrabble.
rarement au Scrabble.
03:03
I'm a numbers person,
so I rarely win at Scrabble.
so I rarely win at Scrabble.
42
171213
2513
J'ai créé ce diagramme représentant
tous les mots de 2 ou 3 lettres
tous les mots de 2 ou 3 lettres
03:06
I made this diagram to remember
all the two- and three-letter words
all the two- and three-letter words
43
174250
3226
issus du dictionnaire
officiel du Scrabble.
officiel du Scrabble.
03:09
in the official Scrabble dictionary.
44
177500
1776
(Rires)
03:11
(Laughter)
45
179300
1081
Connaitre ces 1 168 mots
peut vous faire gagner.
peut vous faire gagner.
03:12
Knowing these 1,168 words
certainly is a game changer.
certainly is a game changer.
46
180405
2854
(Rires)
03:15
(Laughter)
47
183283
1014
Parfois, je crée des codes pour
générer rapidement des graphiques
générer rapidement des graphiques
03:16
Sometimes I produce code
to quickly generate graphics
to quickly generate graphics
48
184851
3589
à partir de centaines
de points de données.
de points de données.
03:20
from thousands of data points.
49
188464
1792
Le codage me permet également
de produire des graphiques interactifs.
de produire des graphiques interactifs.
03:23
Coding also enables me
to produce interactive graphics.
to produce interactive graphics.
50
191659
3095
03:26
Now we can navigate information
on our own terms.
on our own terms.
51
194778
3302
Nous pouvons maintenant présenter
nos informations comme nous le souhaitons.
nos informations comme nous le souhaitons.
Les graphiques aux formes
originales ont l'air cool,
originales ont l'air cool,
03:32
Exotic chart forms certainly look cool,
52
200064
2246
03:34
but something as simple
as a little dot may be all you need
as a little dot may be all you need
53
202334
2877
mais vous pouvez n'avoir
besoin que d'un simple point
besoin que d'un simple point
03:37
to solve a particular thinking task.
54
205235
2097
pour venir à bout
d'une certaine réflexion.
d'une certaine réflexion.
03:41
In 2006, the "New York Times"
redesigned their "Markets" section,
redesigned their "Markets" section,
55
209713
4070
En 2006, le New York Times a repensé
sa section consacrée au Marché Boursier,
sa section consacrée au Marché Boursier,
la réduisant de huit pages
de listes d'actions
de listes d'actions
03:45
cutting it down from eight pages
of stock listings
of stock listings
56
213807
2447
03:48
to just one and a half pages
of essential market data.
of essential market data.
57
216278
2897
à seulement une page
et demie de données essentielles.
et demie de données essentielles.
Nous avons listé des indicateurs
de performance pour les actions courantes,
de performance pour les actions courantes,
03:52
We listed performance metrics
for the most common stocks,
for the most common stocks,
58
220313
2989
03:55
but I wanted to help investors
see how the stocks are doing.
see how the stocks are doing.
59
223326
3756
mais je voulais aider les investisseurs
à voir comment se portaient les actions.
à voir comment se portaient les actions.
03:59
So I added a simple little dot
60
227106
2720
J'ai donc ajouté un simple point
pour comparer le prix actuel
avec le prix relatif sur un an.
avec le prix relatif sur un an.
04:01
to show the current price
relative to its one-year range.
relative to its one-year range.
61
229850
3082
En un coup d'oeil, les investisseurs
axés sur la valeur peuvent choisir
axés sur la valeur peuvent choisir
04:06
At a glance, value investors can pick out
stocks trading near their lows
stocks trading near their lows
62
234505
3907
des actions peu chères
en cherchant les points situés à gauche.
en cherchant les points situés à gauche.
04:10
by looking for dots to the left.
63
238436
1868
Les gros investisseurs peuvent trouver
des actions qui montent en flèche
des actions qui montent en flèche
04:12
Momentum investors can find stocks
on an upward trajectory
on an upward trajectory
64
240951
3467
grâce aux points situés à droite.
04:16
via dots to the right.
65
244442
1459
04:18
Shortly after, the "Wall Street Journal"
copied the design.
copied the design.
66
246354
2825
Peu après, le Wall Street Journal
a copié le design.
a copié le design.
La simplicité est le principal
objectif des infographistes,
objectif des infographistes,
04:21
Simplicity is often the goal
for most graphics,
for most graphics,
67
249930
2409
04:24
but sometimes we need
to embrace complexity
to embrace complexity
68
252363
2739
mais parfois, nous avons
besoin d'inclure la complexité
besoin d'inclure la complexité
04:27
and show large data sets
in their full glory.
in their full glory.
69
255126
3153
et de montrer une large
collection de données.
collection de données.
Alec Gallup, l'ancien président
de la Gallup Organization,
de la Gallup Organization,
04:32
Alec Gallup, the former chairman
of the Gallup Organization,
of the Gallup Organization,
70
260897
3152
m'a un jour donné un gros livre.
04:36
once handed me a very thick book.
71
264073
1987
C'était un héritage de sa famille :
04:38
It was his family's legacy:
72
266084
1302
04:39
hundreds of pages covering six decades
of presidential approval data.
of presidential approval data.
73
267410
4360
des centaines de pages couvrant 60 ans
de données d'approbation présidentielle.
de données d'approbation présidentielle.
J'ai dit que je pouvais le résumer
en un graphique d'une seule page.
en un graphique d'une seule page.
04:44
I told him the entire book
could be graphed on a single page.
could be graphed on a single page.
74
272170
2924
04:47
"Impossible," he said.
75
275118
1380
« Impossible », m'a-t'il répondu.
04:50
And here it is:
76
278992
1164
Et voilà :
25 000 points de données
sur une seule page.
sur une seule page.
04:52
25,000 data points on a single page.
77
280180
2812
On peut rapidement voir
que la plupart des présidents
que la plupart des présidents
04:55
At a glance, one sees that most presidents
start with a high approval rating,
start with a high approval rating,
78
283016
3766
avaient d'abord un
taux élevé d’approbation,
taux élevé d’approbation,
04:58
but few keep it.
79
286806
1413
mais peu l'ont gardé.
05:00
Events like wars initially boost approval;
80
288243
2255
Les guerres encouragent l'approbation,
les scandales déclenchent des déclins.
05:02
scandals trigger declines.
81
290522
1858
Ces évènements majeurs sont inclus
dans le graphique mais pas dans le livre.
dans le graphique mais pas dans le livre.
05:05
These major events were annotated
in the graphic but not in the book.
in the graphic but not in the book.
82
293090
3504
Le graphique peut transmettre des
données avec une efficacité surprenante.
données avec une efficacité surprenante.
05:09
The point is, graphics can transmit data
with incredible efficiency.
with incredible efficiency.
83
297315
3662
Le graphisme,
05:16
Graphicacy --
84
304233
1189
la capacité de lire
et de créer des graphiques,
et de créer des graphiques,
05:17
the ability to read and write graphics --
85
305446
2385
n'est encore que dans ses débuts.
05:19
is still in its infancy.
86
307855
1597
05:21
New chart forms will emerge
and specialized dialects will evolve.
and specialized dialects will evolve.
87
309476
4045
De nouveaux graphiques vont apparaitre
et les dialectes spécialisés vont évoluer.
Des graphiques nous
aidant à penser plus vite
aidant à penser plus vite
05:25
Graphics that help us think faster
88
313876
1694
05:27
or see a book's worth
of information on a single page
of information on a single page
89
315594
3315
ou à voir toutes les informations
d'un livre sur une seule page
d'un livre sur une seule page
sont les clés pour faire
de nouvelles découvertes.
de nouvelles découvertes.
05:30
are the key to unlocking new discoveries.
90
318933
3455
05:35
Our visual cortex was built
to decode complex information
to decode complex information
91
323134
3678
Notre cortex visuel a été construit
pour décoder des informations complexes
pour décoder des informations complexes
05:38
and is a master at pattern recognition.
92
326836
2580
et est un maître de la
reconnaissance de formes.
reconnaissance de formes.
Il nous permet graphiquement d'exploiter
notre processeur graphique intégré
notre processeur graphique intégré
05:41
Graphicacy enables us
to harness our built-in GPU
to harness our built-in GPU
93
329440
3436
05:44
to process mountains of data
94
332900
1660
pour traiter des tonnes de données
05:46
and find the veins of gold hiding within.
95
334584
2078
et pour trouver les veines
d'or cachées à l'intérieur.
d'or cachées à l'intérieur.
05:49
Thank you.
96
337204
1150
Merci.
(Applaudissements)
05:50
(Applause and cheers)
97
338378
2773
ABOUT THE SPEAKER
Tommy McCall - Information designerTommy McCall specializes in presenting complex and rich data sets.
Why you should listen
McCall founded and operates Infographics.com, a boutique data visualization agency that specializes in presenting complex and rich data sets. As an infographics designer, editor and producer, McCall brings together three realms of experience to present, visualize and understand complex data. As a designer, he aims to find the natural shape of the data and sculpt it into something captivating and beautiful. As a data editor, he finds the stories and shares the insights hidden within what is often a vast sea of information. As a producer, he oversees programmers, designers, data analysts, animators and illustrators to realize his vision.
McCall believes that graphicacy, the ability to communicate data through charts, diagrams and maps, is an emerging essential skill set, just as literacy and numeracy have been for past generations. He is excited by the opportunities to pioneer new chart forms to communicate specialized data sets as the collection and generation of data exponentially increase.
McCall was the infographics editor for Money Magazine and a graphics editor for the New York Times before launching his studio. He has explored over one hundred countries spanning all seven continents. Recently, he has taken a sabbatical to combine his a passion for travel with filmmaking to produce video "mediations" in ultra-high-definition intended for large-scale projection.
Tommy McCall | Speaker | TED.com