TED2018
Tommy McCall: The simple genius of a good graphic
Tommy McCall: A jó grafika egyszerű, de nagyszerű
Filmed:
Readability: 5.6
827,342 views
Ez az előadás részben történelemóra, részben szerelmes levél a grafikához. Tommy McCall információtervező áttekinti a grafikonok és diagramok több évszázados fejlődését – és láthatjuk, hogyan öltenek gyönyörű formákat a bonyolult adatsorok. "A grafika segít gyorsabban gondolkodni, vagy abban, hogy egyetlen oldalon foglaljuk össze egy könyv lényegét, és ez kulcsfontosságú ahhoz, hogy új felfedezéseket tehessünk." – mondja 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.
00:12
I love infographics.
0
832
1617
Imádom az infógrafikát.
00:14
As an information designer,
1
2473
1714
Információtervező vagyok,
00:16
I've worked with all sorts of data
over the past 25 years.
over the past 25 years.
2
4211
3202
így mindenféle adattal dolgoztam már
az elmúlt huszonöt évben.
az elmúlt huszonöt évben.
00:19
I have a few insights to share,
but first: a little history.
but first: a little history.
3
7437
3401
Megosztanék önökkel pár észrevételt,
de előbb egy kis történelem.
de előbb egy kis történelem.
00:24
Communication is the encoding,
transmission and decoding of information.
transmission and decoding of information.
4
12793
4988
A kommunikáció kódolás,
az információ átadása és dekódolása.
az információ átadása és dekódolása.
00:30
Breakthroughs in communication mark
turning points in human culture.
turning points in human culture.
5
18125
3418
A kommunikációs áttörések mindig
fontosak voltak a kultúrtörténet során.
fontosak voltak a kultúrtörténet során.
00:35
Oracy, literacy and numeracy
were great developments in communication.
were great developments in communication.
6
23384
4808
A szóbeliség, írásbeliség, a számok
mind nagy kommunikációs fejlődést hoztak.
mind nagy kommunikációs fejlődést hoztak.
00:40
They allow us to encode ideas into words
7
28216
2681
Segítségükkel a gondolatokat szavakkal,
00:42
and quantities into numbers.
8
30921
1713
a mennyiségeket számokkal fejezhetjük ki.
00:45
Without communication, we'd still
be stuck in the Stone Ages.
be stuck in the Stone Ages.
9
33144
3096
Kommunikáció nélkül még mindig
a kőkorszakban élnénk.
a kőkorszakban élnénk.
00:49
Although humans have been around
for a quarter million years,
for a quarter million years,
10
37706
2906
Bár az emberi faj mintegy
negyedmillió éve él a Földön,
negyedmillió éve él a Földön,
00:52
it was only 8,000 years ago
that proto-writings began to surface.
that proto-writings began to surface.
11
40636
3048
az írásbeliség első nyomai
csak alig nyolcezer éve jelentek meg.
csak alig nyolcezer éve jelentek meg.
00:56
Nearly 3,000 years later, the first
proper writing systems took shape.
proper writing systems took shape.
12
44703
3916
És csak 3000 évvel később alakult ki
az első igazi írásrendszer.
az első igazi írásrendszer.
01:03
Maps have been around for millennia
and diagrams for hundreds of years,
and diagrams for hundreds of years,
13
51608
4593
Évezredek óta léteznek már térképek,
évszázadok óta rajzolnak ábrákat,
évszázadok óta rajzolnak ábrákat,
01:08
but representing quantities
through graphics
through graphics
14
56225
2834
ám a mennyiségek grafikus megjelenítése
01:11
is a relatively new development.
15
59083
1760
viszonylag újkeletű jelenség.
01:13
It wasn't until 1786 that William Playfair
invented the first bar chart,
invented the first bar chart,
16
61208
4858
Csak 1786 óta van oszlopdiagram,
William Playfair alkotta meg az elsőt.
William Playfair alkotta meg az elsőt.
01:18
giving birth to visual display
of quantitative information.
of quantitative information.
17
66090
3694
Ezzel forradalmasította
a mennyiségi adatmegjelenítést.
a mennyiségi adatmegjelenítést.
01:22
Fifteen years later, he introduced
the first pie and area charts.
the first pie and area charts.
18
70980
3801
Tizenöt év múlva megrajzolta
az első torta- és területdiagramokat.
az első torta- és területdiagramokat.
01:27
His inventions are still the most
commonly used chart forms today.
commonly used chart forms today.
19
75225
3553
Találmányai a mai napig is
a legelterjedtebb statisztikai ábrák.
a legelterjedtebb statisztikai ábrák.
01:32
Florence Nightingale invented
the coxcomb in 1857
the coxcomb in 1857
20
80698
4198
Florence Nightingale használt
először poláris diagramot:
először poláris diagramot:
01:36
for a presentation to Queen Victoria
on troop mortality.
on troop mortality.
21
84920
2908
a katonai halálozás okait szemléltette
Viktória királynőnek 1857-ben.
Viktória királynőnek 1857-ben.
01:40
Highlighted in blue,
22
88193
1172
Ábráján a kék terület szemlélteti,
01:41
she showed how most troops' deaths
could have been prevented.
could have been prevented.
23
89389
3497
hogy a legtöbb haláleset
megelőzhető lett volna.
megelőzhető lett volna.
01:47
Shortly after, Charles Minard charted
Napoleon's march on Moscow,
Napoleon's march on Moscow,
24
95461
4653
Nem sokkal ez után Charles Minard
Napóleon moszkvai hadjáratát ábrázolta,
Napóleon moszkvai hadjáratát ábrázolta,
01:52
illustrating how an army of 422,000
dwindled to just 10,000
dwindled to just 10,000
25
100138
5247
illusztrálva, hogy egy 422 000-es sereg
hogyan fogyatkozott meg 10 000-re,
hogyan fogyatkozott meg 10 000-re,
01:57
as battles, geography and freezing
temperatures took their toll.
temperatures took their toll.
26
105409
4452
ahogy a csaták, a földrajzi helyzet
és a fagyok pusztították őket.
és a fagyok pusztították őket.
02:01
He combined a Sankey diagram
with cartography
with cartography
27
109885
3128
Sankey-diagramot kombinált kartográfiával,
02:05
and a line chart for temperature.
28
113037
1748
a hőmérsékletet pedig
vonaldiagrammal ábrázolta.
vonaldiagrammal ábrázolta.
02:09
I get excited when I get
lots of data to play with,
lots of data to play with,
29
117084
2754
Annyira izgalmas,
amikor sok adattal játszhatok,
amikor sok adattal játszhatok,
02:11
especially when it yields
an interesting chart form.
an interesting chart form.
30
119862
2842
főleg ha érdekes diagram-formával
ábrázolhatom őket.
ábrázolhatom őket.
02:17
Here, Nightingale's coxcomb
was the inspiration
was the inspiration
31
125364
3637
Itt Nightingale poláris diagramja
ihletett arra,
ihletett arra,
02:21
to organize data on thousands
of federal energy subsidies,
of federal energy subsidies,
32
129025
3239
hogy rendezzem a szövetségi
energiatámogatás ezerféle adatát,
energiatámogatás ezerféle adatát,
02:24
scrutinizing the lack of investment
in renewables over fossil fuels.
in renewables over fossil fuels.
33
132288
3908
elemezzem a fosszilis üzemanyagok helyett
a megújulókra irányuló befektetés hiányát.
a megújulókra irányuló befektetés hiányát.
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
Ez a Sankey-diagram az amerikai
gazdaság energiaáramlását szemlélteti,
gazdaság energiaáramlását szemlélteti,
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
kiemelve, hogy az energiának csaknem fele
hulladékhőként elvész.
hulladékhőként elvész.
02:42
I love it when data can be sculpted
into beautiful shapes.
into beautiful shapes.
36
150598
3176
Annyira szeretem, ha az adatok
gyönyörű formákká alakíthatók!
gyönyörű formákká alakíthatók!
02:45
Here, the personal and professional
connections of the women of Silicon Valley
connections of the women of Silicon Valley
37
153798
4432
Itt a Szilícium-völgyi nők személyes
és szakmai kapcsolatait
és szakmai kapcsolatait
02:50
can be woven into arcs,
38
158254
1892
körívekként ábrázolom,
02:54
same as the collaboration of inventors
birthing patents across the globe
birthing patents across the globe
39
162519
3795
de ugyanígy leképezhetjük
a világszerte születőben lévő
a világszerte születőben lévő
02:58
can be mapped.
40
166338
1343
szabadalmak feltalálóinak
együttműködését is.
együttműködését is.
Még saját magamnak is
készítettem grafikont.
készítettem grafikont.
03:01
I've even made charts for me.
41
169385
1804
03:03
I'm a numbers person,
so I rarely win at Scrabble.
so I rarely win at Scrabble.
42
171213
2513
A számok embere vagyok,
tehát ritkán nyerek a Scrabble-játékban.
tehát ritkán nyerek a Scrabble-játékban.
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
Ezt a diagramot azért rajzoltam,
hogy megjegyezzem
hogy megjegyezzem
a hivatalos Scrabble-szótár
összes két- és hárombetűs szavát.
összes két- és hárombetűs szavát.
03:09
in the official Scrabble dictionary.
44
177500
1776
03:11
(Laughter)
45
179300
1081
(Nevetés)
03:12
Knowing these 1,168 words
certainly is a game changer.
certainly is a game changer.
46
180405
2854
Aki ismeri ezt az 1168 szót,
megfordíthatja a játék kimenetelét.
megfordíthatja a játék kimenetelét.
03:15
(Laughter)
47
183283
1014
(Nevetés)
03:16
Sometimes I produce code
to quickly generate graphics
to quickly generate graphics
48
184851
3589
Időnként olyan programot írok,
ami adatpontok ezreiből
ami adatpontok ezreiből
03:20
from thousands of data points.
49
188464
1792
generál gyorsan grafikát.
03:23
Coding also enables me
to produce interactive graphics.
to produce interactive graphics.
50
191659
3095
Programírással interaktív
grafikákat is tervezhetek.
grafikákat is tervezhetek.
03:26
Now we can navigate information
on our own terms.
on our own terms.
51
194778
3302
Így már saját feltételeink szerint
irányíthatjuk az információt.
irányíthatjuk az információt.
03:32
Exotic chart forms certainly look cool,
52
200064
2246
Az egzotikus ábrák
kétségkívül mutatósak,
kétségkívül mutatósak,
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
ám egy bizonyos gondolkodási
feladat megoldására
feladat megoldására
03:37
to solve a particular thinking task.
54
205235
2097
egyetlen apró pont is elég.
03:41
In 2006, the "New York Times"
redesigned their "Markets" section,
redesigned their "Markets" section,
55
209713
4070
A New York Times 2006-ban
újratervezte piaci rovatát,
újratervezte piaci rovatát,
03:45
cutting it down from eight pages
of stock listings
of stock listings
56
213807
2447
a részvények nyolcoldalas felsorolását
a legfontosabb tőzsdei adatok
a legfontosabb tőzsdei adatok
03:48
to just one and a half pages
of essential market data.
of essential market data.
57
216278
2897
másfél oldalas kivonatára csökkentve.
03:52
We listed performance metrics
for the most common stocks,
for the most common stocks,
58
220313
2989
Felsoroltuk a leggyakoribb részvények
teljesítménymutatóit,
teljesítménymutatóit,
de azt akartam, hogy a befektetők lássák,
hogyan teljesítenek az egyes részvények.
hogyan teljesítenek az egyes részvények.
03:55
but I wanted to help investors
see how the stocks are doing.
see how the stocks are doing.
59
223326
3756
03:59
So I added a simple little dot
60
227106
2720
Ezért hozzáadtam egy egyszerű kis pontot,
04:01
to show the current price
relative to its one-year range.
relative to its one-year range.
61
229850
3082
ami megmutatja az aktuális árfolyamot
az egy éves ármozgások viszonylatában.
az egy éves ármozgások viszonylatában.
04:06
At a glance, value investors can pick out
stocks trading near their lows
stocks trading near their lows
62
234505
3907
Az érték-befektetőknek elég ránézniük
a bal oldali pontokra,
a bal oldali pontokra,
04:10
by looking for dots to the left.
63
238436
1868
és máris kiszűrhetik
az olcsó részvényeket.
az olcsó részvényeket.
04:12
Momentum investors can find stocks
on an upward trajectory
on an upward trajectory
64
240951
3467
A momentum-befektetők pedig
a felszálló ágban lévő papírokat
a felszálló ágban lévő papírokat
találhatják meg könnyedén
a jobb oldali pontok alapján.
a jobb oldali pontok alapján.
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
Nem sokkal ez után a Wall Street Journal
átvette ezt az ábrázolást.
átvette ezt az ábrázolást.
04:21
Simplicity is often the goal
for most graphics,
for most graphics,
67
249930
2409
A legtöbb grafika célja
többnyire az egyszerűség.
többnyire az egyszerűség.
04:24
but sometimes we need
to embrace complexity
to embrace complexity
68
252363
2739
Máskor viszont fel kell
vállalnunk a bonyolultságot,
vállalnunk a bonyolultságot,
04:27
and show large data sets
in their full glory.
in their full glory.
69
255126
3153
és teljes pompájukban kell ábrázolnunk
hatalmas adatállományokat.
hatalmas adatállományokat.
04:32
Alec Gallup, the former chairman
of the Gallup Organization,
of the Gallup Organization,
70
260897
3152
Alec Gallup, a Gallup Intézet
korábbi elnöke
korábbi elnöke
egyszer a kezembe nyomott
egy szörnyen vastag könyvet.
egy szörnyen vastag könyvet.
04:36
once handed me a very thick book.
71
264073
1987
04:38
It was his family's legacy:
72
266084
1302
Családi öröksége volt:
04:39
hundreds of pages covering six decades
of presidential approval data.
of presidential approval data.
73
267410
4360
hatvan évnyi elnöki jóváhagyási adatok
több száz oldalon.
több száz oldalon.
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
Azt mondtam neki: az egész könyv
ábrázolható egyetlen oldalon.
ábrázolható egyetlen oldalon.
04:47
"Impossible," he said.
75
275118
1380
"Az lehetetlen", mondta ő.
04:50
And here it is:
76
278992
1164
És tessék:
04:52
25,000 data points on a single page.
77
280180
2812
25 000 adat egyetlen oldalon.
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
Ránézésre látszik, hogy a legtöbb elnök
magas jóváhagyási rátával kezd,
magas jóváhagyási rátával kezd,
de kevesen tartanak ki mellette.
04:58
but few keep it.
79
286806
1413
Egyes események, például háborúk
hatására eleinte több a jóváhagyás,
hatására eleinte több a jóváhagyás,
05:00
Events like wars initially boost approval;
80
288243
2255
05:02
scandals trigger declines.
81
290522
1858
a botrányok hatására azonban visszaesik.
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
A grafika kiemeli a főbb eseményeket,
amik a könyvben elsikkadnak.
amik a könyvben elsikkadnak.
05:09
The point is, graphics can transmit data
with incredible efficiency.
with incredible efficiency.
83
297315
3662
A grafika lényege, hogy hihetetlen
hatékonysággal képes adatközlésre.
hatékonysággal képes adatközlésre.
05:16
Graphicacy --
84
304233
1189
A grafikai tudás –
05:17
the ability to read and write graphics --
85
305446
2385
a grafikaírás és -olvasás képessége –
05:19
is still in its infancy.
86
307855
1597
még gyerekcipőben jár.
05:21
New chart forms will emerge
and specialized dialects will evolve.
and specialized dialects will evolve.
87
309476
4045
Újfajta ábrák fognak megjelenni,
speciális "nyelvjárások" tűnnek majd fel.
speciális "nyelvjárások" tűnnek majd fel.
05:25
Graphics that help us think faster
88
313876
1694
A grafika segít gyorsabban gondolkodni,
05:27
or see a book's worth
of information on a single page
of information on a single page
89
315594
3315
vagy egyetlen oldalon összefoglalni
egy könyv lényegét,
egy könyv lényegét,
05:30
are the key to unlocking new discoveries.
90
318933
3455
és ez kulcsfontosságú ahhoz,
hogy új felfedezéseket tehessünk.
hogy új felfedezéseket tehessünk.
05:35
Our visual cortex was built
to decode complex information
to decode complex information
91
323134
3678
Látókérgünk bonyolult információk
értelmezésére szakosodott,
értelmezésére szakosodott,
05:38
and is a master at pattern recognition.
92
326836
2580
és mestere a mintafelismerésnek.
05:41
Graphicacy enables us
to harness our built-in GPU
to harness our built-in GPU
93
329440
3436
A grafikai tudás képessé tesz arra,
hogy hasznosítsa beépített GPU-nkat,
hogy hasznosítsa beépített GPU-nkat,
05:44
to process mountains of data
94
332900
1660
feldolgozzon tengernyi adatot,
05:46
and find the veins of gold hiding within.
95
334584
2078
és felszínre hozza a rejtőző kincseket.
05:49
Thank you.
96
337204
1150
Köszönöm.
05:50
(Applause and cheers)
97
338378
2773
(Taps és ujjongás)
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