The simple genius of a good graphic Tommy McCall

I love infographics.

As an information designer,

I’ve worked with all sorts of data
over the past 25 years.

I have a few insights to share,
but first: a little history.

Communication is the encoding,
transmission and decoding of information.

Breakthroughs in communication mark
turning points in human culture.

Oracy, literacy and numeracy
were great developments in communication.

They allow us to encode ideas into words

and quantities into numbers.

Without communication, we’d still
be stuck in the Stone Ages.

Although humans have been around
for a quarter million years,

it was only 8,000 years ago
that proto-writings began to surface.

Nearly 3,000 years later, the first
proper writing systems took shape.

Maps have been around for millennia
and diagrams for hundreds of years,

but representing quantities
through graphics

is a relatively new development.

It wasn’t until 1786 that William Playfair
invented the first bar chart,

giving birth to visual display
of quantitative information.

Fifteen years later, he introduced
the first pie and area charts.

His inventions are still the most
commonly used chart forms today.

Florence Nightingale invented
the coxcomb in 1857

for a presentation to Queen Victoria
on troop mortality.

Highlighted in blue,

she showed how most troops' deaths
could have been prevented.

Shortly after, Charles Minard charted
Napoleon’s march on Moscow,

illustrating how an army of 422,000
dwindled to just 10,000

as battles, geography and freezing
temperatures took their toll.

He combined a Sankey diagram
with cartography

and a line chart for temperature.

I get excited when I get
lots of data to play with,

especially when it yields
an interesting chart form.

Here, Nightingale’s coxcomb
was the inspiration

to organize data on thousands
of federal energy subsidies,

scrutinizing the lack of investment
in renewables over fossil fuels.

This Sankey diagram illustrates
the flow of energy through the US economy,

emphasizing how nearly half
of the energy used is lost as waste heat.

I love it when data can be sculpted
into beautiful shapes.

Here, the personal and professional
connections of the women of Silicon Valley

can be woven into arcs,

same as the collaboration of inventors
birthing patents across the globe

can be mapped.

I’ve even made charts for me.

I’m a numbers person,
so I rarely win at Scrabble.

I made this diagram to remember
all the two- and three-letter words

in the official Scrabble dictionary.

(Laughter)

Knowing these 1,168 words
certainly is a game changer.

(Laughter)

Sometimes I produce code
to quickly generate graphics

from thousands of data points.

Coding also enables me
to produce interactive graphics.

Now we can navigate information
on our own terms.

Exotic chart forms certainly look cool,

but something as simple
as a little dot may be all you need

to solve a particular thinking task.

In 2006, the “New York Times”
redesigned their “Markets” section,

cutting it down from eight pages
of stock listings

to just one and a half pages
of essential market data.

We listed performance metrics
for the most common stocks,

but I wanted to help investors
see how the stocks are doing.

So I added a simple little dot

to show the current price
relative to its one-year range.

At a glance, value investors can pick out
stocks trading near their lows

by looking for dots to the left.

Momentum investors can find stocks
on an upward trajectory

via dots to the right.

Shortly after, the “Wall Street Journal”
copied the design.

Simplicity is often the goal
for most graphics,

but sometimes we need
to embrace complexity

and show large data sets
in their full glory.

Alec Gallup, the former chairman
of the Gallup Organization,

once handed me a very thick book.

It was his family’s legacy:

hundreds of pages covering six decades
of presidential approval data.

I told him the entire book
could be graphed on a single page.

“Impossible,” he said.

And here it is:

25,000 data points on a single page.

At a glance, one sees that most presidents
start with a high approval rating,

but few keep it.

Events like wars initially boost approval;

scandals trigger declines.

These major events were annotated
in the graphic but not in the book.

The point is, graphics can transmit data
with incredible efficiency.

Graphicacy –

the ability to read and write graphics –

is still in its infancy.

New chart forms will emerge
and specialized dialects will evolve.

Graphics that help us think faster

or see a book’s worth
of information on a single page

are the key to unlocking new discoveries.

Our visual cortex was built
to decode complex information

and is a master at pattern recognition.

Graphicacy enables us
to harness our built-in GPU

to process mountains of data

and find the veins of gold hiding within.

Thank you.

(Applause and cheers)

我喜欢信息图表。

作为一名信息设计师,在过去的 25 年里,

我处理过各种各样的数据

我有一些见解要分享,
但首先:一点历史。

通信是信息的编码、
传输和解码。

传播的突破标志着
人类文化的转折点。

口语、识字和算术
是交流的重大发展。

它们使我们能够将想法编码为单词

,将数量编码为数字。

如果没有交流,我们仍然
会被困在石器时代。

尽管人类已经
存在了 25 万年,

但直到 8000 年前
,原始文字才开始出现。

近 3000 年后,第一个
适当的书写系统形成了。

地图已经存在了数千年
,图表已经存在了数百年,

但通过图形表示数量

是一个相对较新的发展。

直到 1786 年,William Playfair
发明了第一个条形图,

催生
了定量信息的可视化显示。

十五年后,他推出
了第一个饼图和面积图。

他的发明至今仍是最
常用的图表形式。

弗洛伦斯·南丁格尔(Florence Nightingale)
于 1857 年

为向维多利亚女王
介绍部队死亡率而发明了花冠。 她

以蓝色突出显示,

展示了如何避免大多数部队的死亡

不久之后,查尔斯·米纳德(Charles Minard)绘制了
拿破仑进军莫斯科的图表,

展示了随着战斗、地理和冰冻温度的影响,422,000 人的军队如何
减少到仅 10,000 人

他将桑基图
与制图

和温度折线图相结合。

当我得到大量数据时,我会很兴奋

尤其是当它产生
一个有趣的图表形式时。

在这里,Nightingale 的 coxcomb

组织
数以千计联邦能源补贴数据的灵感来源,

审查了
可再生能源相对于化石燃料的投资不足。

这张桑基图说明
了美国经济中的能源流动,

强调了近一半
的能源消耗是如何以废热的形式流失的。

当数据可以雕刻成美丽的形状时,我喜欢它

在这里,硅谷女性的个人和专业
联系

可以编织成弧线,

就像可以绘制出全球发明专利的发明家的合作一样

我什至为我制作了图表。

我是一个数字人,
所以我很少在拼字游戏中获胜。

我制作这个图表是为了记住

官方拼字游戏词典中的所有两个和三个字母的单词。

(笑声)

知道这 1168 个单词
肯定会改变游戏规则。

(笑声)

有时我会编写代码

从数千个数据点快速生成图形。

编码还使我
能够制作交互式图形。

现在我们可以
按照自己的方式浏览信息。

异国情调的图表形式当然看起来很酷,

但是
像一个小点这样简单的东西可能就

足以解决特定的思考任务。

2006 年,《纽约时报》
重新设计了他们的“市场”版块,

将其从八页
的股票列表缩减

到只有一页半
的基本市场数据。

我们列出
了最常见股票的业绩指标,

但我想帮助投资者
了解这些股票的表现。

所以我添加了一个简单的小点

来显示
相对于其一年范围的当前价格。

一目了然,价值投资者可以通过寻找左边的点来挑选
在低点附近交易的股票

动量投资者可以

通过右侧的点找到处于上升轨迹的股票。

不久之后,《华尔街日报》
复制了这个设计。

简单性通常
是大多数图形的目标,

但有时我们
需要接受复杂性

并充分展示大型数据
集。

盖洛普组织前主席亚历克·盖洛普

曾递给我一本很厚的书。

这是他家族的遗产:

数百页涵盖了六年
的总统批准数据。

我告诉他整本书
可以在一个页面上绘制。

“不可能,”他说。

这就是:

单页上的 25,000 个数据点。

一眼看去,大多数总统一
开始的支持率都很高,

但很少有人能保持这种支持率。

战争等事件最初会提高认可度;

丑闻引发下跌。

这些重大事件
在图形中进行了注释,但没有在书中进行注释。

关键是,图形可以
以令人难以置信的效率传输数据。

图形

能力——读写图形的能力

——仍处于起步阶段。

新的图表形式将出现
,专业方言将发展。

帮助我们更快地思考


在单页上查看一本书的信息价值的图形是

开启新发现的关键。

我们的视觉皮层是
用来解码复杂信息的

,是模式识别的大师。

图形化使我们
能够利用我们的内置 GPU

来处理大量数据

并找到隐藏在其中的黄金脉络。

谢谢你。

(掌声和欢呼)