Its creation = encoding

Start with a question

Ben Fry’s seven steps of visualizing data

Principal of Fathom / Author of Visualizing Data / Co-developer of Processing

Our scope

What does it mean to be responsible?

Tools

Truncated axes

Raw

Production Budget

How the Presidents stacked up

Google Stock

Accurate bubble sizes

Most valuable franchise

Where wages are rising

How New Hampshire voters compare the Clintons

Readability

We know not to do this

Comparing between bagels

Legend alternatives

Inline labels

Peyton Manning’s record

Where we came from 

40 years of income inequality in America

Order

Monumental Budget Busters

What the world eats

Common ways
of ordering:

• Alphabetically

• By magnitude

• Sequentially

“47% of consumers expect a web page
to load in 2 seconds
or less.”

“40% of people abandon a website that takes more than 3 seconds
to load.”

Other performance issues

Mint

Mint

GitHub language stats

Keyboard shortcuts

GitHub commits graph

GitHub keyboard shortcuts

Sharing

Google Books Ngram Viewer

Responsiveness

The daily routines
of famous creative people

Mobile view

Things Podio took
into consideration:

• Fixed time bar

• Clean UI 

• Toggle filter

• Replacing hover

Things that
could be improved:

• Mobile active details

• Touch vs. mobile

RubyGems.org’s Stats page

What would you
like to show?

• Form

• Integrity

• Efficiency

• Performance

• Semantics

• Accessibility

• Scalability

The End!

Resources

Design for Information
by Isabel Meirelles

Responsible Responsive Design
by Scott Jehl

Visualizing Data by Ben Fry