TED2018
Tommy McCall: The simple genius of a good graphic
טומי מק'קאל: הגאונות הפשוטה של גרפיקה טובה
Filmed:
Readability: 5.6
827,342 views
בהרצאה שחלקה שיעור היסטוריה וחלקה מכתב אהבה לגרפיקה, מעצב התוכן טומי מק'קאל עוקב אחרי ההתפתחות בת מאות השנים של טבלאות ותרשימים -- ומראה כיצד ניתן לעצב מידע מורכב לכדי צורות יפות. "גרפיקות המאפשרות שלנו לחשוב מהר יותר, או לראות מידע של ספר שלם בדף בודד אחד הינן המפתח לגילוי תגליות חדשות", אומר מק'קאל.
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
אני אוהב אינפוגרפיקה.
00:14
As an information designer,
1
2473
1714
כמעצב תוכן,
00:16
I've worked with all sorts of data
over the past 25 years.
over the past 25 years.
2
4211
3202
עבדתי עם כל מיני סוגים של מידע
במשך 25 השנים האחרונות.
במשך 25 השנים האחרונות.
00:19
I have a few insights to share,
but first: a little history.
but first: a little history.
3
7437
3401
יש לי מספר תובנות לחלוק,
אך קודם לכן: קצת היסטוריה.
אך קודם לכן: קצת היסטוריה.
00:24
Communication is the encoding,
transmission and decoding of information.
transmission and decoding of information.
4
12793
4988
תקשורת היא הקידוד, שידור, ופענוח של מידע.
00:30
Breakthroughs in communication mark
turning points in human culture.
turning points in human culture.
5
18125
3418
פריצות דרך בתקשורת מייצגות
נקודות מפנה חשובות בתרבות האנושית.
נקודות מפנה חשובות בתרבות האנושית.
00:35
Oracy, literacy and numeracy
were great developments in communication.
were great developments in communication.
6
23384
4808
הבעה בע"פ, אוריינות ואוריינות מתמטית
היו התפתחויות עצומות בתקשורת.
היו התפתחויות עצומות בתקשורת.
00:40
They allow us to encode ideas into words
7
28216
2681
הן מאפשרות לנו לקודד רעיונות למילים
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
בלי תקשורת, עדיין היינו תקועים בעידן האבן.
00:49
Although humans have been around
for a quarter million years,
for a quarter million years,
10
37706
2906
למרות שבני האדם קיימים
כבר רבע מיליון שנים,
כבר רבע מיליון שנים,
00:52
it was only 8,000 years ago
that proto-writings began to surface.
that proto-writings began to surface.
11
40636
3048
רק לפני 8,000 שנה צצו צורות הכתב המוקדמות.
00:56
Nearly 3,000 years later, the first
proper writing systems took shape.
proper writing systems took shape.
12
44703
3916
כמעט 3,000 שנה לאחר מכן, מערכות הכתב
המסודרות הראשונות עוצבו.
המסודרות הראשונות עוצבו.
01:03
Maps have been around for millennia
and diagrams for hundreds of years,
and diagrams for hundreds of years,
13
51608
4593
מפות קיימות כבר כאלף שנים
וטבלאות כבר במשך מאות שנים,
וטבלאות כבר במשך מאות שנים,
01:08
but representing quantities
through graphics
through graphics
14
56225
2834
אבל ייצוג כמויות באמצעות גרפיקה
01:11
is a relatively new development.
15
59083
1760
היא התפתחות יחסית חדשה.
01:13
It wasn't until 1786 that William Playfair
invented the first bar chart,
invented the first bar chart,
16
61208
4858
רק ב1786 וויליאם פלייפייר המציא
את גרף העמודות הראשון
את גרף העמודות הראשון
01:18
giving birth to visual display
of quantitative information.
of quantitative information.
17
66090
3694
שהביא לתצוגה ויזואלית של מידע כמותי.
01:22
Fifteen years later, he introduced
the first pie and area charts.
the first pie and area charts.
18
70980
3801
חמש עשרה שנים מאוחר יותר, הוא הציג את
טבלאות הפאי ותרשימי השטח הראשונים.
טבלאות הפאי ותרשימי השטח הראשונים.
01:27
His inventions are still the most
commonly used chart forms today.
commonly used chart forms today.
19
75225
3553
ההמצאות שלו הן עדיין סוגי
הטבלאות הנפוצות ביותר בשימוש כיום,
הטבלאות הנפוצות ביותר בשימוש כיום,
01:32
Florence Nightingale invented
the coxcomb in 1857
the coxcomb in 1857
20
80698
4198
פלורנס נייטינגייל המציאה את תרשים הכרבולת
(פיתוח של תרשים עוגה) ב1857
(פיתוח של תרשים עוגה) ב1857
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
תוך הדגשה בכחול,
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
מייד לאחר מכן, צ'רלס מיינארד התווה
את מסלול צעידתו של נפוליאון למוסקבה,
את מסלול צעידתו של נפוליאון למוסקבה,
01:52
illustrating how an army of 422,000
dwindled to just 10,000
dwindled to just 10,000
25
100138
5247
והדגים איך צבא של 422,000
התדלדל לרק 10,000
התדלדל לרק 10,000
01:57
as battles, geography and freezing
temperatures took their toll.
temperatures took their toll.
26
105409
4452
ככל שהקרבות, הגיאוגרפיה
והטמפרטורות הקפואות גבו את מחירן.
והטמפרטורות הקפואות גבו את מחירן.
02:01
He combined a Sankey diagram
with cartography
with cartography
27
109885
3128
הוא שילב בין דיאגרמת Sankey (זרימה),
כרטוגרפיה
כרטוגרפיה
02:05
and a line chart for temperature.
28
113037
1748
וטבלה קווית שתייצג את הטמפרטורה.
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
במיוחד שהוא מייצר צורת תרשים מעניינת.
02:17
Here, Nightingale's coxcomb
was the inspiration
was the inspiration
31
125364
3637
כאן, טבלת הכרבולת של נייטינגייל
היתה ההשראה
היתה ההשראה
02:21
to organize data on thousands
of federal energy subsidies,
of federal energy subsidies,
32
129025
3239
לארגון המידע על אלפי
סובסידיות אנרגיה פדרליות,
סובסידיות אנרגיה פדרליות,
02:24
scrutinizing the lack of investment
in renewables over fossil fuels.
in renewables over fossil fuels.
33
132288
3908
הבוחן את היעדר ההשקעה בדלקים מתחדשים
לעומת דלק ממאובנים.
לעומת דלק ממאובנים.
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
דיאגרמת Sankey הזו מדגימה
את זרימת האנרגיה בתוך הכלכלה האמריקאית,
את זרימת האנרגיה בתוך הכלכלה האמריקאית,
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
ומדגישה איך כמעט מחצית מהאנרגיה
בה משתמשים הולכת לאיבוד כפסולת חימום.
בה משתמשים הולכת לאיבוד כפסולת חימום.
02:42
I love it when data can be sculpted
into beautiful shapes.
into beautiful shapes.
36
150598
3176
אני אוהב את זה כשאפשר לעצב מידע
לצורות יפות.
לצורות יפות.
02:45
Here, the personal and professional
connections of the women of Silicon Valley
connections of the women of Silicon Valley
37
153798
4432
כאן, אפשר לטוות את הקשרים
האישיים והמקצועיים בין הנשים
האישיים והמקצועיים בין הנשים
02:50
can be woven into arcs,
38
158254
1892
בעמק הסיליקון לתוך קשתות,
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
היוצרים פטנטים ברחבי העולם.
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
אני איש של מספרים,
אז לרוב אני לא זוכה בשבץ נא.
אז לרוב אני לא זוכה בשבץ נא.
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
הכנתי את הטבלה הזו כדי לזכור את כל המילים
בנות 2 ו-3 אותיות
בנות 2 ו-3 אותיות
03:09
in the official Scrabble dictionary.
44
177500
1776
במילון שבץ נא הרשמי.
03:11
(Laughter)
45
179300
1081
(צחוק)
03:12
Knowing these 1,168 words
certainly is a game changer.
certainly is a game changer.
46
180405
2854
שינון 1,168 המילים האלה הוא
בוודאי מפתח להצלחה.
בוודאי מפתח להצלחה.
03:15
(Laughter)
47
183283
1014
(צחוק)
03:16
Sometimes I produce code
to quickly generate graphics
to quickly generate graphics
48
184851
3589
לפעמים אני מייצר קוד להפקת גרפיקה מהירה
03:20
from thousands of data points.
49
188464
1792
מאלפי נקודות מידע.
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
עכשיו אנחנו יכולים לנווט במידע
בתנאים שלנו.
בתנאים שלנו.
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
אבל לפעמים נקודה אחת פשוטה מספיקה לנו
03:37
to solve a particular thinking task.
54
205235
2097
כדי לפתור משימת חשיבה מסוימת.
03:41
In 2006, the "New York Times"
redesigned their "Markets" section,
redesigned their "Markets" section,
55
209713
4070
ב2006, ה"ניו יורק טיימס" עיצב מחדש
את מוסף ה"שווקים" שלו,
את מוסף ה"שווקים" שלו,
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
לעמוד וחצי בלבד של מידע שווקים חיוני.
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
אבל רציתי לעזור למשקיעים לראות
מה מצבן של המניות.
מה מצבן של המניות.
03:59
So I added a simple little dot
60
227106
2720
אז הוספתי נקודה קטנה פשוטה
04:01
to show the current price
relative to its one-year range.
relative to its one-year range.
61
229850
3082
להראות את המחיר הנוכחי
ביחס לטווח השנתי שלו.
ביחס לטווח השנתי שלו.
04:06
At a glance, value investors can pick out
stocks trading near their lows
stocks trading near their lows
62
234505
3907
במבט חטוף, משקיעי ערך יכולים למצוא
את המניות הנסחרות קרוב לערכיהן הנמוכים
את המניות הנסחרות קרוב לערכיהן הנמוכים
04:10
by looking for dots to the left.
63
238436
1868
באמצעות התבוננות בנקודות משמאל.
04:12
Momentum investors can find stocks
on an upward trajectory
on an upward trajectory
64
240951
3467
משקיעי מומנטום יכולים למצוא מניות
הנמצאות בעליה
הנמצאות בעליה
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
מייד לאחר מכן, ה"וול סטריט ג'ורנל"
העתיק את העיצוב.
העתיק את העיצוב.
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
אבל לפעמים אנחנו צריכים לאמץ את המורכבות
04:27
and show large data sets
in their full glory.
in their full glory.
69
255126
3153
ולהראות מערכי מידע גדולים בשיא תפארתם.
04:32
Alec Gallup, the former chairman
of the Gallup Organization,
of the Gallup Organization,
70
260897
3152
אלק גאלופ, היו"ר לשעבר של ארגון גאלופ,
04:36
once handed me a very thick book.
71
264073
1987
פעם נתן לי ספר מאוד עבה.
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
מאות דפים המכסים ששה עשורים של מידע
על נתוני תמיכה נשיאותיים.
על נתוני תמיכה נשיאותיים.
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
"בלתי אפשרי", הוא אמר.
04:50
And here it is:
76
278992
1164
והנה זה:
04:52
25,000 data points on a single page.
77
280180
2812
25,000 נקודות מידע על דף אחד.
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
במבט חטוף, אפשר לראות שרוב הנשיאים
התחילו עם אחוזי תמיכה גבוהים,
התחילו עם אחוזי תמיכה גבוהים,
04:58
but few keep it.
79
286806
1413
אבל מעטים שמרו עליהם.
05:00
Events like wars initially boost approval;
80
288243
2255
אירועים כמו מלחמות גורמים
לעליה בתמיכה בהתחלה;
לעליה בתמיכה בהתחלה;
05:02
scandals trigger declines.
81
290522
1858
סקנדלים גורמים לירידות.
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
האירועים המרכזיים האלה צוינו בגרף
אבל לא בספר.
אבל לא בספר.
05:09
The point is, graphics can transmit data
with incredible efficiency.
with incredible efficiency.
83
297315
3662
הנקודה היא, גרפיקה יכולה להעביר מידע
ביעילות מדהימה.
ביעילות מדהימה.
05:16
Graphicacy --
84
304233
1189
אוריינות גרפית --
05:17
the ability to read and write graphics --
85
305446
2385
היכולת לקרוא ולכתוב גרפים --
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
צורות גרפים חדשים יצוצו
ודיאלקטים מותאמים יתפתחו.
ודיאלקטים מותאמים יתפתחו.
גרפיקות שיכולות לעזור לנו לחשוב מהר יותר
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
או לראות את ערך המידע
של ספר שלם בדף אחד
של ספר שלם בדף אחד
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
קליפת המוח הויזואלית שלנו
פותחה כדי לפענח מידע מורכב
פותחה כדי לפענח מידע מורכב
05:38
and is a master at pattern recognition.
92
326836
2580
והיא מומחית בזיהוי דפוסים.
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
לעבד הרים של מידע
05:46
and find the veins of gold hiding within.
95
334584
2078
ולמצוא את עורקי הזהב המתחבאים בפנים.
05:49
Thank you.
96
337204
1150
תודה רבה.
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