|
COLLABORATIVE VISUALIZATION
|
 |
 |
Many Eyes (2007)
With F. Viégas, J. Kriss, F. van Ham, and M. McKeon
Many Eyes is a free site where anyone can upload, visualize, and discuss data.
It is an experiment created by the Visual Communication Lab.
Read more or visit the site.
|
 |
 |
 |
sense.us (2006)
With Jeff Heer and Fernanda Viégas
A web project allowing social, visual exploration of U.S. Census
data. The site supports view sharing,
discussion, sophisticated graphical annotation and social navigation. Sense.us was an
IBM internal site (Jeff's project as an intern in my lab), but you can
watch a video demo.
Read more on the sense.us project page
at Berkeley.
|
 |
 |
 |
Baby Names and Social Data Analysis (2005)
With Laura Wattenberg
An online visualization of baby name trends over the past century. This
applet was originally created to celebrate the publication of my wife's
book on baby names. Its surprising popularity, and the social kind of data
analysis it spurred on blogs and online forums, helped change the
direction of my visualization research.
More Info.
|
 |

ONLINE COLLECTIVE INTELLIGENCE
|
 |
 |
History Flow & Wikipedia studies (2003-6)
With Fernanda Viégas
In 2003, Fernanda and I decided to investigate the dynamics behind editing
in Wikipedia. History flow is the method we invented to make sense of the
data we collected. We went on to study other aspects of Wikipedia,
including the emergence of a new form of bureaucracy.
More Info.
|
 |
 |
 |
Chromogram (2006)
With Fernanda Viégas and Kate Hollenbach
How do you visualize a list of tens of thousands of words? A "chromogram"
translates those words into colors, using a straightforward alphabet-based
code, and plots them on a timeline. Although the method seems almost too
simple to work, it was effective in uncovering some surprising patterns in
Wikipedia editing histories.
IBM chromogram project page.
|
 |
 |
 |
ForumReader (2003)
With Kushal Dave, David Millen, and Michael Muller
A visual conversation browser. ForumReader presents a graphical
overview of a large conversation to let users scan and access hundreds
of messages rapidly.
Flash Forums and ForumReader: Navigating a New Kind of Online Discussion, Kushal Dave, Martin Wattenberg, and Michael Muller. CSCW 2004.
|
 |

GENERAL VISUALIZATION TECHNIQUES
|
 |
 |
Word Tree (2007)
With Fernanda Viégas
A word tree is a visual search tool for unstructured text,
such as a book, article, speech or poem. A graphic version of
the traditional concordance or keyword-in-context seach, it lets you pick a
word or phrase and shows you all the different contexts in which it appears.
The contexts are arranged in a tree-like branching structure to reveal
recurrent themes and phrases.
See the
description on Many Eyes.
|
 |
 |
 |
PivotGraph (2005)
A new technique for visualizing and analyzing complex graph structures, such as social networks.
The method is designed for graphs that are “multivariate,” i.e., where each node is associated with several attributes.
Unlike visualizations which
emphasize global graph topology, PivotGraph uses a simple grid-based approach to focus on the relationship between
node attributes & connections.
Visual Exploration of Multivariate Graphs,
Martin Wattenberg, CHI 2006.
|
 |
 |
 |
Jigsaw Maps (2005)
The quest for a "perfect" treemap algorithm led me to create this variant,
a jigsaw map. I proved that this layout, based on the geometry of
space-filling curves, is optimal in a certain mathematical sense. In 2006
this layout was independently invented and popularized in the wonderful
comic XKCD to map the internet.
A Note on Space-Filling Visualizations and Space-Filling Curves, IEEE InfoVis 2005.
|
 |
 |
 |
Arc Diagrams (2001)
A method for visualizing repetitive structure in sequences. I used this technique in the Shape of Song. Read more about the research and associated artwork
Paper:
Arc Diagrams: Visualizing Structure in Strings. IEEE InfoVis 2002.
|
 |
 |
 |
QuerySketch (2001)
A technique to query a time-series database, such as historical stock
market performance data, by sketching a target graph. This simple,
intuitive interface allows instant composition of complex queries (e.g.
performance opposite to a current portfolio for diversification; response
to a historical event). Online demo
| short
paper: CHI 2001 (pdf)
|
 |
 |
 |
Map of the Market (1998)
A visualization that allows users to see performance of hundreds of stocks
at once, with a rich context of industry and value information. A new
algorithm lets an existing visualization technique, the treemap, scale
more effectively. The resulting transparent view of the market has been
widely adopted by financial institutions and investors.
More Info |
Launch |
short
paper: CHI 1999 (pdf)
|
 |

THEORY AND ALGORITHMS
|
 |
 |
Perceptual Organization in
Information Graphics (2003)
With Danyel Fisher
A conceptual model and prototype program to analyze levels of
perceptual structure in graphics, based on scale-space theory.
IEEE InfoVis 2003 (pdf)
|
 |
 |
 |
Treemap Algorithms (2001)
with Ben Bederson, Ben Shneiderman
Techniques to control aspect ratios in treemap displays, while preserving
order and stability in the presentation of dynamic data.
Online demo
Papers: ACM
Transactions on Graphics 2002 (pdf), IEEE
InfoVis 2001 (pdf)
|
 |