”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte.

Slides:



Advertisements
Similar presentations
Graph Visualization and Navigation in Information Visualization: A Survey Ivan Herman, Guy Melaneon, M. Scott Marshall.
Advertisements

H3: Laying Out Large Directed Graphs in 3D Hyperbolic Space Tamara Munzner, Stanford University.
Information Visualization Survey
Visualisasi Informasi
From Hierarchies to Polyarchies: Visualizing Multiple Relationships George G. Robertson Microsoft Research George G. Robertson Microsoft Research.
Information Visualization Focus + Context Fengdong Du.
Information Visualization (Shneiderman and Plaisant, Ch. 13)
Interactive Visualization of Small World Graphs An implementation in prefuse.
1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.
© Anselm Spoerri Lecture 10 Visual Tools for Text Retrieval (cont.)
Information Understanding Benjamin B. Bederson. University of Maryland, Human-Computer Interaction Laboratory What is the Problem?  How to perceive and.
A Review and Taxonomy of Distortion-Oriented Presentation Techniques Y.K Leung and M.D. Apperley Presentation by Sean Lynch.
Cone Trees and Collapsible Cylindrical Trees
The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information R. Rao and S. K.
Matthias Mayer The Table Lens - Ramana Rao & Stuart K. Card Information Visualization 838b - February 21st 2001 The Table Lens: Merging.
CS 5764 Information Visualization Dr. Chris North.
Tree-Maps: Visualizing Hierarchical Data Hench Qian & Bill Shapiro September 21, 1999.
Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman.
Hyperbolic Brower  Focus+Context browsing of large hierarchies  Inspired by Escher  Intuitive Nodes in center are more important, and therefore larger.
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
Thinking with Visualizations: sense making loops Colin Ware Data Visualization Research Lab University of New Hampshire.
Ivan Herman, Guy Melançon, and M. Scott Marshall
Information Design and Visualization
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
© Anselm Spoerri Lecture 4 Information Visualization –Origins –Data Types, Display Variables and Ranking of Visual Properties –Mappings + Timings –Key.
Lenses. 3 camera obscura / pinhole camera 3 Focal length is the distance between the lens and the point where the light rays converge. It controls.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies. John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research.
1 Human Computer Interaction Week 12 Information Search & Visualization.
Information Visualization Using 3D Interactive Animation Meng Tang 05/17/2001 George G. Robertson, Stuart K. Card, and Jock D. Mackinlay.
Space/Order Quanzhen Geng (Master of Software Systems Program) January 27, 2003 CS-533C Reading Presentation.
Fall 2002CS/PSY Information Visualization Picture worth 1000 words... Agenda Information Visualization overview  Definition  Principles  Examples.
IAT 814 Trees Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS +
Intuitive Database Query System, Zooming Query Results Previews Drawing upon existing literature on zooming interface technology, intuitive navigation.
CORE 1: PROJECT MANAGEMENT Designing. This stage is where the actual solution is designed and built. This includes describing information processes and.
Copyright © 2005, Pearson Education, Inc. Slides from resources for: Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Towards a Pattern Language for User Interface Design
Fall 2002CS/PSY Information Visualization 2 Case Study: Portraying Hierarchies Visualizing hierarchies  Variety of techniques Traditional tree views,
Graph Visualization and Beyond … Anne Denton, April 4, 2003 Including material from a paper by Ivan Herman, Guy Melançon, and M. Scott Marshall.
Mao Lin Huang University of Technology, Sydney, Visual Representations of Data and Knowledge.
Hyperbolic Trees A Focus + Context Technique John lamping Ramana Rao Peter Pirolli Joy Mukherjee.
Toolglasses and Magic Lenses. 2 Reading: Eric A. Bier, Maureen C. Stone, Ken Pier, William Buxton and Tony D. DeRose, “Toolglass and magic lenses: the.
Innovative UI Ideas Marti Hearst SIMS 213, UI Design & Development April 20, 1999.
C. Ahlberg & B. Shneiderman (1994)
World History Toolbox – Lesson 6.  Cartographers use mathematical calculations to make projections in order to turn a sphere (Earth) into a flat representation.
Information Visualization External Cognition Using perception to amplify cognition 34 x
1D & 2D Spaces for Representing Data Mao Lin Huang.
Information Models An “information space” that users navigate –Information integration, a key aspect of mental model Want a structure that is simple and.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
A Novel Visualization Model for Web Search Results Nguyen T, and Zhang J IEEE Transactions on Visualization and Computer Graphics PAWS Meeting Presented.
INFORMATION VISUALIZATION
Inspired from CS Information Visualization Jan. 10, 2002 John Stasko Frédéric Vernier Enseignant-Chercheur LIMSI-CNRS Maître de conf Paris XI Cours.
John Lamping, Ramana Rao, Peter Porolli
Framework and Models. Framework To help understand the field To develop a system that will allow us to ▫ Develop good designs ▫ Test ▫ Evaluate We need.
Event: Perspective User Conference 2016 Topic:Business Intelligence Speaker: Jonathon Carrell LinkedIn: Blog:jonathoncarrell.net.
Comp 15 - Usability & Human Factors Unit 12b - Information Visualization This material was developed by Columbia University, funded by the Department of.
Lenses. 3 camera obscura / pinhole camera 3 Focal length is the distance between the lens and the point where the light rays converge. It controls.
Table Lens Paper – The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information.
Information Visualization Course
Hierarchies (Trees) Definition Examples
Usability & Human Factors
cs5764: Information Visualization Chris North
Professor John Canny Spring 2003
Information Visualization 2: Overview and Navigation
Information Visualization Picture worth 1000 words...
Information Design and Visualization
Information Visualization (Part 1)
Information Understanding
CHAPTER 7: Information Visualization
CHAPTER 14: Information Visualization
Presentation transcript:

”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte

On Information

Guru: Edward R. Tufte

”Confusion and clutter are failures of design, not attributes of information” Edward R. Tufte

Visualizing the editing history of Wikipedia pages - Viégas, Wattenberg & Dave or google “history flow” IBM

Graphic Tools

Choosing data... Show only relevant data –Otherwise: clutter Show only reliable data –Otherwise: distrust Most important data comes first / is more colorful / is larger / etc! Provide several views –Layering data vs not layering it

Information Visualization

”The use of computer- supported, interactive, visual representations of abstract data to amplify cognition” - Card, Mackinlay & Shneiderman

Zooming and lenses

Semantic Zoom When information changes (and typically gets richer) when zooming in.

Magic Lenses: Transparent - Different properties - Change view Toolglass and Magic Lenses. Bier, E., et al., 1993

The Document Lens G.G.Robertson and J.D.Mackinlay

Focus + Context

Focus + Context: To display the most important data at the focal point at full size and detail, and display the area around the focal point (the context) to help make sense of how the important information relates to the entire data structure. Regions far from the focal point may be displayed smaller (as in fisheye views) or selectively omitted.

Fisheye Views

Main issue: Distortion "Well....thanks to the lame ass security, I’m going home!" Axl W Rose, July Riverport Amphitheatre, St. Louis, Missouri,

Hyperbolic Geometry

 Typically laid out in circles, or onto globes or hemispheres  Focal point in the center  The further from the center the smaller the items  Allows angles or positions to stay constant when changing focus but not both... Hyperbolic geometry

Trees

Hierarchical tree v. 1

Hierarchical tree v.2

Disk tree

Cone tree...

Tree Map – node within node