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 лет я работал
с самыми разными видами данных.
с самыми разными видами данных.
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
Он объединил диаграмму Сэнки
с картографией
с картографией
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
Эта диаграмма Сэнки иллюстрирует
поток энергии в экономике США,
поток энергии в экономике США,
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
Я создал эту диаграмму, чтобы запомнить
все слова из двух и трёх букв
все слова из двух и трёх букв
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 году газета New York Times
переработала раздел «Рынки»,
переработала раздел «Рынки»,
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
Вскоре после этого Wall Street Journal
скопировали дизайн.
скопировали дизайн.
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
Алек Гэллап, бывший председатель
Gallup Organization,
Gallup Organization,
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
сотни страниц, охватывающих данные
об одобрении президента за 60 лет.
об одобрении президента за 60 лет.
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