Visualization

of the data variety

Alan Palazzolo

@zzolo
github.com/zzolo

I make the news more exciting at MinnPost.

With the help of these fine folk

I also founded and organize the Twin Cities (Data) Visualization Group.

We meet on the 3rd Tuesday of every month.

I help found Open Twin Cities, a group of civic hackers.

We meet on the 4th Tuesday of every month.
We are running a hackathon on Feb 23rd.

I am not a data visualization expert.


I am a programmer

image from changearc

I am a coder just getting into Data Visualization and Journalism.

So, what is data visualization?

image from Total Interaction

Simplistically put, its just what it says it is.

It's functional art.

It's the application of design and aesthetics.

It's kind of like

architecture
furniture design
graphic design
fashion design

Fine art is an expression of the artist.
Functional art provides a practical need to others.

They are not mutually exclusive.

image from familygeeks.com

[..] the relationship between visualization and art, which is similar to the linkage of journalism and literature. A journalist can borrow tools and techniques from literature, and be inspired by great fiction writing, but she will never allow her stories to become literature. That notion applies to visualization, which is, above all, a functional art.

It's function informing form

It's form AND function

image from stamen

Visualizing is quicker and more impactful.

The coefficient of determination
(how correlated are two things):
R2 = 0.98

image from NYT

Explanation and exploration

image from Andrees Allgemeiner Handatlas

image from NYT

It tells a story. It answers questions.

Examples

image from visual.ly

image from XKCD

image from NYT

image from visual.ly

image from visual.ly

image from canary

image from periscopic

image from MinnPost

image from MinnPost

image from MinnPost

image from MinnPost

Data

Well, that's for another time.

Audience

Tools

Good data visualization requires programming, design, analytics, user-interface, and content-specific skills.

I work on the web. It's actually a great cross-platform medium.

D3

The modern son of Protovis

D3 is the only real data visualization library.

The R-project is a statistical computing program.

Shiney starts to bring R to the web more easily.

Mapping/cartography tools. Maps are data visualization.

Charting libraries:

Hosted services

Illustrator. Or similar program.

Paper and pencil.

Technology we use at MinnPost

Presentation: jQuery, Underscore, Backbone, Raphael, Mapbox, Leaflet, D3

Design: HTML/CSS, Noun Project, Bootstrap, Color Brewer

Data processing: TileMill, Python or Node scripts

Resources

Mike Bostock (D3)
The Functional Art book by Alberto Cairo
Data Viz, a successful design process book by Andy Kirk
Flowing Data blog by Nathan Yau
Visualize This book by Nathan Yau
Edward Tufte books
Visualizing.org
and many more...

This presentation:
github.com/zzolo/data-viz-presentation zzolo.github.com/data-viz-presentation

MinnPost projects:
github.com/minnpost

Thank you