12

Sep

New book: Designing Data Visualizations

By Noah | Add a comment | 

I’m thrilled to announce my latest book, Designing Data Visualizations.

Cover of Designing Data Visualizations, written by Noah Iliinsky and Julie Steele, publshed by O'Reilly.

The goal of this book is to teach you the process of designing a visualization, presenting the important considerations, and informing the choices that you make. It’s tool-agnostic, and is entirely applicable to visualizations with high and low volumes of data, and to both quantitative and qualitative visualizations.

I was fortunate to have Julie Steele as my co-author on this book. Julie was the lead editor and a contributor to Beautiful Visualization.

The origins of my thinking on this topic lie in the work I did on my master’s thesis. This book benefits from an additional five years of experience and research on my part, as well as Julie’s vital insight, knowledge, and contributions.

For this book, we (the authors) are recommending the electronic version over the print version, as that will allow you easy access to updates and revisions as we add more examples and such. Also, the print edition will sadly be only in grayscale, whereas the electronic version will be full-color.
Update: looks like we’ll be providing a full-color download of the images so that people who buy the print edition don’t miss anything.

We’re very excited about this book. We hope you will be too.

Share
digg |  del.icio.us | 

14

Oct

Infocamp 2008 Presentation

By Noah | Add a comment | 

This is the slideshow and audio from my Infocamp 2008 presentation on User-Centered Information Design.

The audio synchronization seems to work when played straight through, but not when you manually advance the slides.

Share
digg |  del.icio.us | 

29

Apr

Video of my Ignite talk

By Noah | Add a comment | 

This is the talk I gave at Ignite Seattle 5, February 19, 2008. The Ignite format requires presenting 20 slides in 5 minutes, with the slides advancing every 15 seconds whether the presenter is ready or not. The original name for this format was “Ask Later.”

Share
digg |  del.icio.us | 

13

Oct

Exposition of Threads in a Speech

By Noah | Add a comment | 

The public presentation of a speech (when unsupported by visual aids) is an interesting form of discourse because it contains little-to-no explicit structure. Typically, a speech is delivered (or read) with very few indications of structure presented to the listener (or reader). Because they are designed to be spoken aloud and heard, there are no chapter titles or section headings in the text. At best, the speaker may pause to indicate a change of topic, or reveal a bit of structure by saying “now I’m going to talk about,” or, “let me give you an example.”

However, there is structure present in a speech. The speaker must present evidence or examples to support their goals, whether their goals are to persuade, inform, or entertain. They may also draw conclusions, ask relevant questions, or predict, all based on their evidence and conclusions. In order for the speech to be successful, the evidence, conclusions, and predictions must be logically tied together to build a coherent argument. In a well-crafted speech, the audience will have no trouble following the thread of the argument, despite the lack of explicit structure. However, if there is more than a small amount of content in the speech, the audience may not have the ability to rank the importance of various ideas, or even to identify the key concepts.

Exposition of Threads in a Speech

This is a diagram I created of the first half of the speech Viva Las Xmas [PDF, HTML] by Larry Harvey (2002), the founder of the Burning Man project. In the speech, he discusses some socioeconomic principles, and how they affect interactions between people in a marketplace economy, and also in the gift economy at Burning Man. The diagram uses placement, color, and links to show not only the chronology, hierarchical, and topical groupings of chunks of the speech, but also causality and conceptual connections among the chunks.

This has some significant consequences. Not only does the diagram immediately reveal the topical threads in the speech, it also makes the important concepts clear by virtue of their relatively high number of links to other portions of the speech. The connections, relationships, and implications that are implicit in the speech become explicit in the diagram, thereby conveying more complete knowledge to the reader, reducing the amount of raw information that they have to integrate, and making the actual message of the speech more accessible. This type of diagram could be constructed before the presentation of a speech, and then used to support the speech as it was being delivered. This would enable the speech author to emphasize the key points and make the speech easier to follow. This diagram reveals six dimensions of complexity.

  1. hierarchical membership, indicated by the horizontal position below the green boxes and redundantly encoded with the vertical black arrows
  2. topical grouping, indicated by the vertical position and redundantly encoded by color
  3. specific chunk, indicated by the text in each box
  4. chronological sequence, indicated by relative left to right position
  5. causality, indicated by red arrows
  6. conceptual connection, indicated by green arrows

I created this diagram in the fall of 2003. The diagram and the text of this post appear in my thesis.

Comments temporarily disabled due to spam.

Share
digg |  del.icio.us | 

12

Oct

Hierarchy of a Book

By Noah | Add a comment | 

Hierarchy of a Book
This diagram has been arranged to show not only the hierarchy, but also the intended use pattern of a typical, linear, non-fiction book.

  • Continuity in the book is indicated by contact of the circles.
  • The gray line, progressing in small and large clockwise arcs from section to section and chapter to chapter, demonstrates the linear progression of the content.
  • The dashed black arrows show some possible non-linear paths that may be traveled by the reader to view content that is not part of the main linear flow of the book.

The goal of displaying the use of the book, and not merely the hierarchy, has led to an atypical diagram that conveys more knowledge than the typical counterpart.

I created this diagram in the fall of 2003. It appears in my thesis, and was selected to be supporting material for the book The Practical Guide to Information Design, by Ronnie Lipton.

Share
digg |  del.icio.us | 

12

Oct

Generation of Complex Diagrams: How to Make Lasagna Instead of Spaghetti

By Noah | Add a comment | 

Update 2011: Many of the ideas in this thesis have evolved and been carried over into my book Designing Data Visualizations.

My master’s thesis is a system for creating good diagrams. It starts with the basics of perception and cognition, and walks the reader through the process of making appropriate choices for their particular design problem.

[download page: 10MB PDF]

From the abstract:
This thesis presents a system for the generation of complex diagrams. “Complexity” is defined as a measure of distinct data types that are independently visually encoded. Diagrams representing four or more types of data are defined as complex, while diagrams representing three or fewer are simple. Successful generation of complex diagrams is dependent on appropriate design choices. Five fundamental principles are introduced to guide the choices made by the diagram designer. The two contextual fundamental principles are “different goals require different methods,” addressing the needs of the diagram designer, and “audience brings context with them,” addressing the needs and context of the diagram reader. The three perceptual fundamental principles are the “principle of information availability,” which guides the selection and density of the diagram elements, the “principle of semantic distance,” which guides the spatial placement and grouping of the diagram elements, and the “principle of informative changes,” which guides the visual encoding of the diagram elements. A review of the diagram design process, comprising selection, encoding, and placement of the diagram components, is given. For each phase of the design process the influence of the appropriate fundamental principles is discussed, and the fundamental principles are extended into applied guidelines and suggestions.

Share
digg |  del.icio.us |