TED2018
Tommy McCall: The simple genius of a good graphic
Tommy McCall: La genialidad de un buen gráfico
Filmed:
Readability: 5.6
827,342 views
En una charla que es en parte una clase de historia y en parte una carta de amor a los gráficos, el diseñador de información Tommy McCall describe los siglos de evolución de los gráficos y diagramas, y muestra cómo los datos complejos pueden manejarse para darles formas hermosas. "Los gráficos que nos permiten pensar más rápido, o ver la información de un libro en una sola página, son la clave para desvelar nuevos descubrimientos", afirma 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
Me encantan las infografías.
00:14
As an information designer,
1
2473
1714
Como diseñador de información,
00:16
I've worked with all sorts of data
over the past 25 years.
over the past 25 years.
2
4211
3202
he trabajado con todo tipo
de datos en los últimos 25 años.
de datos en los últimos 25 años.
00:19
I have a few insights to share,
but first: a little history.
but first: a little history.
3
7437
3401
Tengo algunas ideas que compartir
pero, primero, un poco de historia.
pero, primero, un poco de historia.
La comunicación es la codificación,
transmisión y decodificación de datos.
transmisión y decodificación de datos.
00:24
Communication is the encoding,
transmission and decoding of information.
transmission and decoding of information.
4
12793
4988
Los avances en la comunicación marcan
momentos decisivos en la cultura humana.
momentos decisivos en la cultura humana.
00:30
Breakthroughs in communication mark
turning points in human culture.
turning points in human culture.
5
18125
3418
Las habilidades orales,
la alfabetización y la aritmética
la alfabetización y la aritmética
00:35
Oracy, literacy and numeracy
were great developments in communication.
were great developments in communication.
6
23384
4808
fueron grandes avances
en la comunicación.
en la comunicación.
Nos permiten codificar ideas
y expresarlas con palabras
y expresarlas con palabras
00:40
They allow us to encode ideas into words
7
28216
2681
y expresar cantidades con números.
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
Sin comunicación, todavía
estaríamos en la Edad de Piedra.
estaríamos en la Edad de Piedra.
Aunque los humanos existen
desde hace 250 000 años,
desde hace 250 000 años,
00:49
Although humans have been around
for a quarter million years,
for a quarter million years,
10
37706
2906
hace tan solo 8000 años
que surgió la protoescritura.
que surgió la protoescritura.
00:52
it was only 8,000 years ago
that proto-writings began to surface.
that proto-writings began to surface.
11
40636
3048
Casi 3000 años después,
los sistemas formales de escritura
los sistemas formales de escritura
00:56
Nearly 3,000 years later, the first
proper writing systems took shape.
proper writing systems took shape.
12
44703
3916
tomaron forma.
Los mapas existen desde hace milenios
y los diagramas desde cientos de años,
y los diagramas desde cientos de años,
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
pero la representación
de cantidades con gráficos
de cantidades con gráficos
01:11
is a relatively new development.
15
59083
1760
es un avance relativamente nuevo.
01:13
It wasn't until 1786 that William Playfair
invented the first bar chart,
invented the first bar chart,
16
61208
4858
No fue hasta 1786 que William Playfair
inventó el primer gráfico de barras,
dando origen a la representación
visual de la información cuantitativa.
visual de la información cuantitativa.
01:18
giving birth to visual display
of quantitative information.
of quantitative information.
17
66090
3694
Quince años después, presentó
el primer gráfico de tarta y de área.
el primer gráfico de tarta y de área.
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
Sus gráficos aún son
los más usados hoy en día.
los más usados hoy en día.
01:32
Florence Nightingale invented
the coxcomb in 1857
the coxcomb in 1857
20
80698
4198
Florence Nightingale inventó
el diagrama de área polar en 1857
el diagrama de área polar en 1857
para representar la tasa de mortalidad
de las tropas ante la Reina Victoria.
de las tropas ante la Reina Victoria.
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
Con el resaltado en azul,
01:41
she showed how most troops' deaths
could have been prevented.
could have been prevented.
23
89389
3497
demostró que la mayoría
de las muertes pudieron ser evitadas.
de las muertes pudieron ser evitadas.
01:47
Shortly after, Charles Minard charted
Napoleon's march on Moscow,
Napoleon's march on Moscow,
24
95461
4653
Poco después, Charles Minard trazó
la marcha de Napoleón sobre Moscú,
la marcha de Napoleón sobre Moscú,
01:52
illustrating how an army of 422,000
dwindled to just 10,000
dwindled to just 10,000
25
100138
5247
ilustrando cómo un ejército
de 422 000 se redujo a solo 10 000
de 422 000 se redujo a solo 10 000
como resultado de las batallas,
la geografía y las bajas temperaturas.
la geografía y las bajas temperaturas.
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
Combinó un diagrama
de Sankey con cartografía
de Sankey con cartografía
02:05
and a line chart for temperature.
28
113037
1748
y un gráfico de líneas
para la temperatura.
para la temperatura.
Me entusiasmo cuando tengo
mucha información con que jugar,
mucha información con que jugar,
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
especialmente cuando permite
crear un gráfico interesante.
crear un gráfico interesante.
Aquí, el gráfico de área polar
de Nightingale fue la inspiración
de Nightingale fue la inspiración
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
para organizar datos de miles
de subsidios federales de energía,
de subsidios federales de energía,
02:24
scrutinizing the lack of investment
in renewables over fossil fuels.
in renewables over fossil fuels.
33
132288
3908
analizando la falta de inversión
en energías renovables
en energías renovables
respecto de los combustibles fósiles.
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
Este gráfico de Sankey ilustra el flujo
de energía en la economía de EE. UU.
de energía en la economía de EE. UU.
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
y demuestra que casi la mitad
de energía se pierde como calor residual.
de energía se pierde como calor residual.
02:42
I love it when data can be sculpted
into beautiful shapes.
into beautiful shapes.
36
150598
3176
Me encanta manejar datos
para darles formas bellas.
para darles formas bellas.
02:45
Here, the personal and professional
connections of the women of Silicon Valley
connections of the women of Silicon Valley
37
153798
4432
Aquí, las conexiones personales
y profesionales de las mujeres
y profesionales de las mujeres
de Silicon Valley pueden
entrelazarse en forma de arcos.
entrelazarse en forma de arcos.
02:50
can be woven into arcs,
38
158254
1892
Al igual que se pueden mapear
02:54
same as the collaboration of inventors
birthing patents across the globe
birthing patents across the globe
39
162519
3795
las colaboraciones de inventores
de patentes en todo el mundo.
de patentes en todo el mundo.
02:58
can be mapped.
40
166338
1343
Hasta hice gráficos para mí.
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
Me fascinan los números,
y rara vez gano al Scrabble.
y rara vez gano al Scrabble.
Hice este diagrama para recordar
las palabras de dos y tres letras
las palabras de dos y tres letras
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
en el diccionario oficial de Scrabble.
03:09
in the official Scrabble dictionary.
44
177500
1776
03:11
(Laughter)
45
179300
1081
(Risas)
Conocer estas 1168 palabras
cambia las reglas del juego.
cambia las reglas del juego.
03:12
Knowing these 1,168 words
certainly is a game changer.
certainly is a game changer.
46
180405
2854
(Risas)
03:15
(Laughter)
47
183283
1014
A veces creo códigos
para generar gráficos rápidos
para generar gráficos rápidos
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
a partir miles de puntos de datos.
Codificar también me permite
producir gráficos interactivos.
producir gráficos interactivos.
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
Ahora podemos manejar información
en nuestros propios términos.
en nuestros propios términos.
03:32
Exotic chart forms certainly look cool,
52
200064
2246
Los gráficos exóticos se ven geniales,
pero algo tan simple como un punto
puede ser todo lo que se necesita
puede ser todo lo que se necesita
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
para resolver un problema
de razonamiento.
de razonamiento.
En 2006, el New York Times
rediseñó su sección de "Mercados"
rediseñó su sección de "Mercados"
03:41
In 2006, the "New York Times"
redesigned their "Markets" section,
redesigned their "Markets" section,
55
209713
4070
03:45
cutting it down from eight pages
of stock listings
of stock listings
56
213807
2447
reduciendo un listado
de acciones de ocho páginas
de acciones de ocho páginas
03:48
to just one and a half pages
of essential market data.
of essential market data.
57
216278
2897
a una página y media
de datos de mercado esenciales.
de datos de mercado esenciales.
Enumeramos métricas de rendimiento
para las acciones más comunes,
para las acciones más comunes,
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
pero quería ayudar a los inversores
a ver cómo iban las acciones.
a ver cómo iban las acciones.
03:59
So I added a simple little dot
60
227106
2720
Agregué un pequeño punto
para mostrar el precio actual
en el espacio de un año.
en el espacio de un año.
04:01
to show the current price
relative to its one-year range.
relative to its one-year range.
61
229850
3082
A simple vista, los inversores en valor
pueden elegir acciones cercanas al mínimo
pueden elegir acciones cercanas al mínimo
04:06
At a glance, value investors can pick out
stocks trading near their lows
stocks trading near their lows
62
234505
3907
mirando los puntos a la izquierda.
04:10
by looking for dots to the left.
63
238436
1868
Los inversores de impulso pueden
ver las acciones de tendencia alcista
ver las acciones de tendencia alcista
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
en los puntos a la derecha.
04:18
Shortly after, the "Wall Street Journal"
copied the design.
copied the design.
66
246354
2825
Poco después, el Wall Street Journal
copió el diseño.
copió el diseño.
La simplicidad suele ser
el objetivo de los gráficos,
el objetivo de los gráficos,
04:21
Simplicity is often the goal
for most graphics,
for most graphics,
67
249930
2409
pero a veces debemos
aceptar la complejidad
aceptar la complejidad
04:24
but sometimes we need
to embrace complexity
to embrace complexity
68
252363
2739
y mostrar grandes conjuntos de datos
en su máximo esplendor.
en su máximo esplendor.
04:27
and show large data sets
in their full glory.
in their full glory.
69
255126
3153
Alec Gallup, expresidente
de la Organización Gallup
de la Organización Gallup
04:32
Alec Gallup, the former chairman
of the Gallup Organization,
of the Gallup Organization,
70
260897
3152
me dio una vez un libro muy grueso.
04:36
once handed me a very thick book.
71
264073
1987
Era el legado de su familia:
cientos de páginas
cientos de páginas
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
que cubrían seis décadas de datos
sobre el apoyo a presidentes.
sobre el apoyo a presidentes.
Le dije que el libro completo
podía graficarse en una sola página.
podía graficarse en una sola página.
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
Dijo: "Imposible".
Y aquí está:
04:50
And here it is:
76
278992
1164
son 25 000 puntos de información
en una sola página.
en una sola página.
04:52
25,000 data points on a single page.
77
280180
2812
A simple vista, la mayoría
de los presidentes comienza
de los presidentes comienza
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
con un alto índice de aprobación,
pero pocos lo mantienen.
pero pocos lo mantienen.
04:58
but few keep it.
79
286806
1413
Eventos como las guerras
favorecen la aprobación
favorecen la aprobación
05:00
Events like wars initially boost approval;
80
288243
2255
05:02
scandals trigger declines.
81
290522
1858
y los escándalos la disminuyen.
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
Estos eventos importantes estaban
en el gráfico, pero no en el libro.
en el gráfico, pero no en el libro.
05:09
The point is, graphics can transmit data
with incredible efficiency.
with incredible efficiency.
83
297315
3662
Los gráficos pueden transmitir
información con eficiencia increíble.
información con eficiencia increíble.
La habilidad para leer
05:16
Graphicacy --
84
304233
1189
y diseñar representaciones gráficas
05:17
the ability to read and write graphics --
85
305446
2385
todavía está en pañales.
05:19
is still in its infancy.
86
307855
1597
Aparecerán nuevas formas de gráficos
y dialectos especializados evolucionarán.
y dialectos especializados evolucionarán.
05:21
New chart forms will emerge
and specialized dialects will evolve.
and specialized dialects will evolve.
87
309476
4045
Los gráficos que nos ayuden
a pensar más rápido
a pensar más rápido
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
o a ver toda la información
de un libro en una sola página
de un libro en una sola página
son la clave para desvelar
nuevos descubrimientos.
nuevos descubrimientos.
05:30
are the key to unlocking new discoveries.
90
318933
3455
Nuestra corteza visual está hecha
para decodificar información compleja
para decodificar información compleja
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
y es experta en reconocer patrones.
La interpretación gráfica permite
aprovechar nuestro GPU integrado
aprovechar nuestro GPU integrado
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
para procesar montañas de datos
05:46
and find the veins of gold hiding within.
95
334584
2078
y encontrar las vetas de oro
escondidas dentro.
escondidas dentro.
Gracias.
05:49
Thank you.
96
337204
1150
(Aplausos y vítores)
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