ABOUT THE SPEAKER
Tommy McCall - Information designer
Tommy 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.

More profile about the speaker
Tommy McCall | Speaker | TED.com
TED2018

Tommy McCall: The simple genius of a good graphic

Tommy McCall: L'art d'un bon graphique en toute simplicité

Filmed:
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.
- Information designer
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 infographicsInfographie.
0
832
1617
En tant que concepteur multimédia,
00:14
As an informationinformation designerdesigner,
1
2473
1714
j'ai vu toutes sortes de données
00:16
I've workedtravaillé with all sortssortes of dataLes données
over the pastpassé 25 yearsannées.
2
4211
3202
au cours des 25 dernières années.
J'ai quelques idées à vous partager,
00:19
I have a fewpeu insightsdes idées to sharepartager,
but first: a little historyhistoire.
3
7437
3401
mais d'abord : faisons un peu d'histoire.
La communication est l'encodage,
00:24
CommunicationCommunication is the encodingencodage,
transmissiontransmission and decodingdécodage of informationinformation.
4
12793
4988
la transmission
et le décodage de l'information.
Les avancées dans la communication
00:30
BreakthroughsPercées in communicationla communication markmarque
turningtournant pointspoints in humanHumain cultureCulture.
5
18125
3418
marquent un tournant
dans la culture humaine.
L'oralité, l'alphabétisation
et la numérisation
00:35
OracyOracy, literacyl'alphabétisation and numeracynumératie
were great developmentsdéveloppements in communicationla communication.
6
23384
4808
ont marqué un grand progrès
en communication.
Ils nous permettent de changer
des idées en mots
00:40
They allowpermettre us to encodeEncoder ideasidées into wordsmots
7
28216
2681
et des quantités en nombres.
00:42
and quantitiesquantités into numbersNombres.
8
30921
1713
00:45
WithoutSans communicationla communication, we'dmer still
be stuckcoincé in the StonePierre AgesÂges.
9
33144
3096
Sans la communication,
on serait encore bloqué à l'Âge de pierre.
Même si les humains existent
depuis longtemps,
00:49
AlthoughBien que humanshumains have been around
for a quartertrimestre millionmillion yearsannées,
10
37706
2906
ça ne fait que 8 000 ans que
l'écriture pictographique est apparue.
00:52
it was only 8,000 yearsannées agodepuis
that proto-writingsproto-écrits begana commencé to surfacesurface.
11
40636
3048
00:56
NearlyPrès 3,000 yearsannées laterplus tard, the first
properbon writingl'écriture systemssystèmes tooka pris shapeforme.
12
44703
3916
Environ 3 000 ans plus tard,
le premier système d'écriture
à proprement parler a pris forme.
Les cartes existent depuis des millénaires
01:03
MapsCartes have been around for millenniamillénaires
and diagramsdiagrammes for hundredsdes centaines of yearsannées,
13
51608
4593
et les diagrammes
depuis une centaine d'années,
mais représenter des quantités
à travers des graphiques
01:08
but representingreprésentant quantitiesquantités
throughpar graphicsgraphique
14
56225
2834
est un progrès assez récent.
01:11
is a relativelyrelativement newNouveau developmentdéveloppement.
15
59083
1760
Ce n'est qu'en 1786 que William Playfair
a inventé le premier histogramme,
01:13
It wasn'tn'était pas untiljusqu'à 1786 that WilliamWilliam PlayfairPlayfair
inventeda inventé the first barbar chartgraphique,
16
61208
4858
donnant naissance à la représentation
visuelle d'informations quantitatives.
01:18
givingdonnant birthnaissance to visualvisuel displayafficher
of quantitativequantitatif informationinformation.
17
66090
3694
Quinze ans plus tard,
01:22
FifteenQuinze ans yearsannées laterplus tard, he introducedintroduit
the first pietarte and arearégion chartsgraphiques.
18
70980
3801
il a introduit les graphiques
circulaires et en aires empilées.
01:27
His inventionsinventions are still the mostles plus
commonlycommunément used chartgraphique formsformes todayaujourd'hui.
19
75225
3553
Ses inventions sont encore
les plus utilisées aujourd'hui.
Florence Nightingale a inventé
le graphique « camembert » en 1857
01:32
FlorenceFlorence NightingaleNightingale inventeda inventé
the coxcombcoxcomb in 1857
20
80698
4198
pour une présentation donnée à la Reine
Victoria sur la mortalité des troupes.
01:36
for a presentationprésentation to QueenReine VictoriaVictoria
on trooptroupe mortalitymortalité.
21
84920
2908
01:40
HighlightedSouligné in bluebleu,
22
88193
1172
Surligné en bleu,
elle a montré comment beaucoup
de morts auraient pu être évitées.
01:41
she showedmontré how mostles plus troops'des troupes deathsdes morts
could have been preventedempêché.
23
89389
3497
01:47
ShortlyPeu de temps after, CharlesCharles MinardMinard chartedcartographié
Napoleon'sDe Napoléon marchMars on MoscowMoscou,
24
95461
4653
Plus tard,
Charles Minard a créé un graphique
sur la marche de Napoléon sur Moscou,
01:52
illustratingillustrant how an armyarmée of 422,000
dwindleddiminué to just 10,000
25
100138
5247
illustrant comment une armée
de 422 000 hommes s'est réduite à 10 000
à cause des batailles, de la géographie
et des basses températures
01:57
as battlesbatailles, geographygéographie and freezingpoint de congélation
temperaturestempératures tooka pris theirleur tollpéage.
26
105409
4452
qui ont eu de lourdes conséquences.
02:01
He combinedcombiné a SankeySankey diagramdiagramme
with cartographycartographie
27
109885
3128
Il a combiné un diagramme de Sankey
avec une cartographie
02:05
and a lineligne chartgraphique for temperaturetempérature.
28
113037
1748
et une courbe pour la température.
J'étais tout excité à l'idée de
jouer avec autant de données,
02:09
I get excitedexcité when I get
lots of dataLes données to playjouer with,
29
117084
2754
02:11
especiallynotamment when it yieldsrendements
an interestingintéressant chartgraphique formforme.
30
119862
2842
notamment quand il y avait
des formes de diagrammes intéressantes.
Ici, le camembert de Nightingale
02:17
Here, Nightingale'sNightingale coxcombcoxcomb
was the inspirationinspiration
31
125364
3637
m'a inspiré pour organiser
les données de milliers de
02:21
to organizeorganiser dataLes données on thousandsmilliers
of federalfédéral energyénergie subsidiessubventions,
32
129025
3239
subventions fédérales
en matières d'énergie,
02:24
scrutinizingscrutant the lackmanquer de of investmentinvestissement
in renewablesénergies renouvelables over fossilfossile fuelscarburants.
33
132288
3908
en examinant le manque d'investissement
dans les énergies renouvelables
contrairement aux énergies fossiles.
Ce diagramme de Sankey illustre
02:30
This SankeySankey diagramdiagramme illustratesillustre
the flowcouler of energyénergie throughpar the US economyéconomie,
34
138543
4212
le flux énergétique
de l'économie américaine,
soulignant que presque
la moitié de l'énergie utilisée
02:34
emphasizingmettant l’accent sur how nearlypresque halfmoitié
of the energyénergie used is lostperdu as wastedéchets heatchaleur.
35
142779
4317
représente des pertes de chaleur.
J'aime quand les données peuvent
être sculptées dans de belles formes.
02:42
I love it when dataLes données can be sculptedsculpté
into beautifulbeau shapesformes.
36
150598
3176
Ici, les connexions
personnelles et professionnelles
02:45
Here, the personalpersonnel and professionalprofessionnel
connectionsles liaisons of the womenfemmes of SiliconSilicium ValleyVallée de
37
153798
4432
des femmes de la Silicon Valley
peuvent être tissées entre elles.
02:50
can be woventissé into arcsarcs,
38
158254
1892
Même chose : la collaboration
des inventeurs à travers le monde
02:54
sameMême as the collaborationcollaboration of inventorsinventeurs
birthingd’accouchement patentsbrevets acrossà travers the globeglobe
39
162519
3795
02:58
can be mappedmappé.
40
166338
1343
peut être cartographiée.
J'ai même fait des
graphiques pour moi.
03:01
I've even madefabriqué chartsgraphiques for me.
41
169385
1804
J'aime les chiffres, donc je gagne
rarement au Scrabble.
03:03
I'm a numbersNombres personla personne,
so I rarelyrarement wingagner at ScrabbleScrabble.
42
171213
2513
J'ai créé ce diagramme représentant
tous les mots de 2 ou 3 lettres
03:06
I madefabriqué this diagramdiagramme to rememberrappelles toi
all the two-deux- and three-lettertrois lettres wordsmots
43
174250
3226
issus du dictionnaire
officiel du Scrabble.
03:09
in the officialofficiel ScrabbleScrabble dictionarydictionnaire.
44
177500
1776
(Rires)
03:11
(LaughterRires)
45
179300
1081
Connaitre ces 1 168 mots
peut vous faire gagner.
03:12
KnowingSachant these 1,168 wordsmots
certainlycertainement is a gameJeu changerchangeur.
46
180405
2854
(Rires)
03:15
(LaughterRires)
47
183283
1014
Parfois, je crée des codes pour
générer rapidement des graphiques
03:16
SometimesParfois I produceproduire codecode
to quicklyrapidement generateGénérer graphicsgraphique
48
184851
3589
à partir de centaines
de points de données.
03:20
from thousandsmilliers of dataLes données pointspoints.
49
188464
1792
Le codage me permet également
de produire des graphiques interactifs.
03:23
CodingCodage alsoaussi enablespermet me
to produceproduire interactiveinteractif graphicsgraphique.
50
191659
3095
03:26
Now we can navigatenaviguer informationinformation
on our ownposséder termstermes.
51
194778
3302
Nous pouvons maintenant présenter
nos informations comme nous le souhaitons.
Les graphiques aux formes
originales ont l'air cool,
03:32
ExoticExotiques chartgraphique formsformes certainlycertainement look coolcool,
52
200064
2246
03:34
but something as simplesimple
as a little dotpoint maymai be all you need
53
202334
2877
mais vous pouvez n'avoir
besoin que d'un simple point
03:37
to solverésoudre a particularparticulier thinkingen pensant tasktâche.
54
205235
2097
pour venir à bout
d'une certaine réflexion.
03:41
In 2006, the "NewNouveau YorkYork TimesFois"
redesignedredessiné theirleur "MarketsMarchés" sectionsection,
55
209713
4070
En 2006, le New York Times a repensé
sa section consacrée au Marché Boursier,
la réduisant de huit pages
de listes d'actions
03:45
cuttingCoupe it down from eighthuit pagespages
of stockStock listingsannonces
56
213807
2447
03:48
to just one and a halfmoitié pagespages
of essentialessentiel marketmarché dataLes données.
57
216278
2897
à seulement une page
et demie de données essentielles.
Nous avons listé des indicateurs
de performance pour les actions courantes,
03:52
We listedlisté performanceperformance metricsmétrique
for the mostles plus commoncommun stocksstocks,
58
220313
2989
03:55
but I wanted to help investorsinvestisseurs
see how the stocksstocks are doing.
59
223326
3756
mais je voulais aider les investisseurs
à voir comment se portaient les actions.
03:59
So I addedajoutée a simplesimple little dotpoint
60
227106
2720
J'ai donc ajouté un simple point
pour comparer le prix actuel
avec le prix relatif sur un an.
04:01
to showmontrer the currentactuel priceprix
relativerelatif to its one-yearun an rangegamme.
61
229850
3082
En un coup d'oeil, les investisseurs
axés sur la valeur peuvent choisir
04:06
At a glanceregard, valuevaleur investorsinvestisseurs can pickchoisir out
stocksstocks tradingcommerce nearprès theirleur lowsdépressions
62
234505
3907
des actions peu chères
en cherchant les points situés à gauche.
04:10
by looking for dotspoints to the left.
63
238436
1868
Les gros investisseurs peuvent trouver
des actions qui montent en flèche
04:12
MomentumQuantité de mouvement investorsinvestisseurs can find stocksstocks
on an upwardvers le haut trajectorytrajectoire
64
240951
3467
grâce aux points situés à droite.
04:16
viavia dotspoints to the right.
65
244442
1459
04:18
ShortlyPeu de temps after, the "WallMur StreetRue JournalJournal"
copiedcopié the designconception.
66
246354
2825
Peu après, le Wall Street Journal
a copié le design.
La simplicité est le principal
objectif des infographistes,
04:21
SimplicitySimplicité is oftensouvent the goalobjectif
for mostles plus graphicsgraphique,
67
249930
2409
04:24
but sometimesparfois we need
to embraceembrasse complexitycomplexité
68
252363
2739
mais parfois, nous avons
besoin d'inclure la complexité
04:27
and showmontrer largegrand dataLes données setsensembles
in theirleur fullplein glorygloire.
69
255126
3153
et de montrer une large
collection de données.
Alec Gallup, l'ancien président
de la Gallup Organization,
04:32
AlecAlec GallupGallup, the formerancien chairmanprésident
of the GallupGallup OrganizationOrganisation,
70
260897
3152
m'a un jour donné un gros livre.
04:36
onceune fois que handedremis me a very thicképais booklivre.
71
264073
1987
C'était un héritage de sa famille :
04:38
It was his family'sla famille legacyhéritage:
72
266084
1302
04:39
hundredsdes centaines of pagespages coveringcouvrant sixsix decadesdécennies
of presidentialprésidentiel approvalapprobation dataLes données.
73
267410
4360
des centaines de pages couvrant 60 ans
de données d'approbation présidentielle.
J'ai dit que je pouvais le résumer
en un graphique d'une seule page.
04:44
I told him the entiretout booklivre
could be graphedgraphique on a singleunique pagepage.
74
272170
2924
04:47
"ImpossibleImpossible," 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.
04:52
25,000 dataLes données pointspoints on a singleunique pagepage.
77
280180
2812
On peut rapidement voir
que la plupart des présidents
04:55
At a glanceregard, one seesvoit that mostles plus presidentsprésidents
startdébut with a highhaute approvalapprobation ratingcote,
78
283016
3766
avaient d'abord un
taux élevé d’approbation,
04:58
but fewpeu keep it.
79
286806
1413
mais peu l'ont gardé.
05:00
EventsÉvénements like warsguerres initiallyinitialement boostcoup de pouce approvalapprobation;
80
288243
2255
Les guerres encouragent l'approbation,
les scandales déclenchent des déclins.
05:02
scandalsscandales triggergâchette declinesdéclins.
81
290522
1858
Ces évènements majeurs sont inclus
dans le graphique mais pas dans le livre.
05:05
These majorMajeur eventsévénements were annotatedAnnotée
in the graphicgraphique but not in the booklivre.
82
293090
3504
Le graphique peut transmettre des
données avec une efficacité surprenante.
05:09
The pointpoint is, graphicsgraphique can transmittransmettre dataLes données
with incredibleincroyable efficiencyEfficacité.
83
297315
3662
Le graphisme,
05:16
GraphicacyLe Graphicacy --
84
304233
1189
la capacité de lire
et de créer des graphiques,
05:17
the abilitycapacité to readlis and writeécrire graphicsgraphique --
85
305446
2385
n'est encore que dans ses débuts.
05:19
is still in its infancypetite enfance.
86
307855
1597
05:21
NewNouveau chartgraphique formsformes will emergeémerger
and specializedspécialisé dialectsdialectes will evolveévoluer.
87
309476
4045
De nouveaux graphiques vont apparaitre
et les dialectes spécialisés vont évoluer.
Des graphiques nous
aidant à penser plus vite
05:25
GraphicsGraphiques that help us think fasterPlus vite
88
313876
1694
05:27
or see a book'sdu livre worthvaut
of informationinformation on a singleunique pagepage
89
315594
3315
ou à voir toutes les informations
d'un livre sur une seule page
sont les clés pour faire
de nouvelles découvertes.
05:30
are the keyclé to unlockingdéverrouillage newNouveau discoveriesdécouvertes.
90
318933
3455
05:35
Our visualvisuel cortexcortex was builtconstruit
to decodedécoder complexcomplexe informationinformation
91
323134
3678
Notre cortex visuel a été construit
pour décoder des informations complexes
05:38
and is a mastermaîtriser at patternmodèle recognitionreconnaissance.
92
326836
2580
et est un maître de la
reconnaissance de formes.
Il nous permet graphiquement d'exploiter
notre processeur graphique intégré
05:41
GraphicacyLe Graphicacy enablespermet us
to harnessharnais our built-infonction intégrée GPUGpu
93
329440
3436
05:44
to processprocessus mountainsles montagnes of dataLes données
94
332900
1660
pour traiter des tonnes de données
05:46
and find the veinsveines of goldor hidingse cacher withindans.
95
334584
2078
et pour trouver les veines
d'or cachées à l'intérieur.
05:49
Thank you.
96
337204
1150
Merci.
(Applaudissements)
05:50
(ApplauseApplaudissements and cheersa bientôt)
97
338378
2773
Translated by Floriane François
Reviewed by Tual Şekercigil

▲Back to top

ABOUT THE SPEAKER
Tommy McCall - Information designer
Tommy 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.

More profile about the speaker
Tommy McCall | Speaker | TED.com

Data provided by TED.

This site was created in May 2015 and the last update was on January 12, 2020. It will no longer be updated.

We are currently creating a new site called "eng.lish.video" and would be grateful if you could access it.

If you have any questions or suggestions, please feel free to write comments in your language on the contact form.

Privacy Policy

Developer's Blog

Buy Me A Coffee