François Guimbretière

Slides:



Advertisements
Similar presentations
Three-Step Database Design
Advertisements

Jeopardy 1.02 Part Part Part Part Part 5 Q $100 Q $200 Q $300 Q $400 Q $500 Q $100 Q $200 Q $300 Q $400 Q $500 Final Jeopardy.
October 21, 2014 Entry task: Explain ROY G BIV. Target: Identify color names and physical features.
Displays Chapter 8. Key Components in Display Design.
ClearEye A Visualization System for Document Revision CPSC 533C Project Qiang Kong Qixing Zheng.
Geographic Information Systems GIS Output. 1. Color Theory Additive primaries blue, green, and red Subtractive primaries yellow, cyan, and magenta.
JQuery with Multiple Views Adding Context to Navigation and Querying of Code.
1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.
1 Block-based Web Search Deng Cai *1, Shipeng Yu *2, Ji-Rong Wen * and Wei-Ying Ma * * Microsoft Research Asia 1 Tsinghua University 2 University of Munich.
Visual Realism for the Visualization of Software Metrics & Visualizing Relations in Hierarchical Data using Spline Bundles Danny Holten Reconstructor.
Non-Photorealistic Rendering RENDERING + COMPOSITION.
Polaris: A System for Query, Analysis and Visualization of Multi-dimensional Relational Databases Chris Stolte and Pat Hanrahan Computer Science Department.
Improving UML Class Diagrams using Design Patterns Semantics Shahar Maoz Work in Progress.
Interactive Visualization of Large Graphs and Networks
Section 9: MWF 12:05PM - 12:55PM.  Given a description of a real world problem that involves word processing and spreadsheet, students are able to use.
Constellation: A Visualization Tool for Linguistic Queries from MindNet Tamara Munzner François Guimbretière Stanford University George Robertson Microsoft.
Route Planning Vehicle navigation systems, Dijkstra’s algorithm, bidirectional search, transit-node routing.
Visualization of Graph Data CS 4390/5390 Data Visualization Shirley Moore, Instructor October 6,
Information Visualization Chapter 1 - Continued. Reference Model Visualization: Mapping from data to visual form Raw DataData Tables Visual Structures.
How to Use Your By: John Muench, Chelsea Myers, Thomas Rogenski, Kyle Shaffer 1 PowerPoint & Word Document.
Presentation Design: Starting Out. Color Basics There are two types of color models -- Reflective 1. CMYK Model Used in printing Stands for Cyan, Magenta,
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
CHAPTER ONE Problem Solving and the Object- Oriented Paradigm.
Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect.
Glasgow 02/02/04 NN k networks for content-based image retrieval Daniel Heesch.
1 Smashing Peacocks Further: Drawing Quasi-Trees from Biconnected Components Daniel Archambault and Tamara Munzner, University of British Columbia David.
Adobe Photoshop CS4 - Illustrated
VERITAS Confidential Graphic Design Shashank Deshpande VERITAS Software July, 2003.
Polaris: A System for Query, Analysis, & Visualization of Relational Databases Chris Stolte May 29 th, 2002.
INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, November 1, 2012 Session 9: Visualization.
Geographic Information Systems GIS Output. 1. Color Theory ► Additive primaries blue, green, and red ► Subtractive primaries yellow, cyan, and magenta.
DIGITAL IMAGE. Basic Image Concepts An image is a spatial representation of an object An image can be thought of as a function with resulting values of.
By: Dan Granato Jaymie Foreman Jerry Jackson Krystle Hyman Gina Garro.
HSB to RGB to HEX.
“Niche Work” Graham J Wills, Lucent Technologies (Bell Lab)
Is the practical guidance to color mixing and the visual effects of a specific color combination.
1 Visual Encoding Andrew Chan CPSC 533C January 20, 2003.
1 A Methodology for automatic retrieval of similarly shaped machinable components Mark Ascher - Dept of ECE.
Expanding the Notion of Links DeRose, S.J. Expanding the Notion of Links. In Proceedings of Hypertext ‘89 (Nov. 5-8, Pittsburgh, PA). ACM, New York, 1989,
The Art of Colors A few tips for user interface designers.
Effortful encoding through Dual Processing.  Seeing and processing the structure of the chapter  Simultaneously seeing and processing the content of.
The Overview Panel on Gephi 0.9.1
NVivo Software – A Qualitative Research
Analysis of University Researcher Collaboration Network Using Co-authorship Jiadi Yao School of Electronic and Computer Science,
8/18/2016 Web Development and Interactive Media
Binary Representation in Audio and Images
Physical Data Model – step-by-step instructions and template
Graphics and Design Unit 10.
Summary on symbol design
Chapter 6.1 Visual Design.
به نام مهربانترین In the name of the most compassionate
Computer Programming.
François Guimbretière
Levi Smith REU Week 1.
Chapter 6.1 Visual Design.
CSc4730/6730 Scientific Visualization
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Elements of Art.
Finding a Eulerian Cycle in a Directed Graph
Information Design and Visualization
TEACHER CREATES KNOWLEDGE ACQUISITION
Animated picture collection: left picture moves to front center
Information Visualization (Part 1)
Communication of Color
Automated Software Integration
Cooper Part II Making Well-Behaved Products Visual Design
Interactive media normally refers to products and services on
The Overview Panel on Gephi 0.9.1
March 16, 2017 Entry task: What idea do you have for your recycle and redesign project? Target: Identify color names and physical features.
Geographic Information Systems
Presentation transcript:

François Guimbretière Constellation: A Visualization Tool for Linguistic Queries from MindNet Tamara Munzner François Guimbretière Stanford University George Robertson Microsoft Research

Overview solve specific problem chosen techniques help linguists improve MindNet algorithms chosen techniques custom semantic layout perceptual channels interaction as first-class citizen

Definition Graph dictionary entry sentence nodes: word senses links: relation types

Semantic Network definition graphs as building blocks unify shared words large network millions of nodes global structure known: dense probes return local info uses grammar checking, automatic translation

Path Query best N paths between two words words on path itself definition graphs used in computation

Task: Plausibility Checking paths ordered by computed plausibility researcher hand-checks results high-ranking paths believable? believable paths high-ranked? gross polluters (stop words)

Top 10 Paths: kangaroo - tail

Top 10 Paths: kangaroo - tail

Goal create unified view of relationships between paths and definition graphs shared words are key thousands of words (not millions) special-purpose algorithm debugging tool not understand the structure of English

Semantic Layout reflect dataset characteristics path ordering as backbone fill in definition graphs

Semantic Layout “plausibility gradient”

Semantic Layout “plausibility gradient” horizontal position

Semantic Layout “plausibility gradient” horizontal position size

Semantic Layout edge crossings not minimized

Semantic Layout edge crossings not minimized false attachment solved with interactive selective emphasis

Perceptual Channels redundant combinations layout gradient synergy from multiple codings layout gradient spatial position, word size quantitative

Perceptual Channels highlighting: visual popout ordered saturation brightness linewidth ordered although binary

Perceptual Channels highlighting: visual popout ordered saturation brightness linewidth ordered although binary

Perceptual Channels hue relation types word types selective (nominal) green: part-of red: is-a cyan: modifier word types yellow: path green: definition graph blue: leaf selective (nominal)

Perceptual Channels orientation relation types selective (nominal) axis-aligned: local slanted: long distance between instances of same word selective (nominal)

Perceptual Channels enclosure definition graphs associated with path word hierarchy

Interaction see video

Video zoom software vs. video

Semantic Layout Challenges spatial position encodes path ordering edge crossings not minimized clutter reduction: interaction, perceptual channels tradeoffs spatial encoding vs. information density navigation: intelligent zooming global, intermediate, local

only 9 or 10 words at once in multiscale view from thissnapshot final overview has about 80 - basically order of magnitude pure grid about 300

Semantic Layout Challenges navigation intelligent zooming global path structure overview intermediate association of path word and definition graphs local read single definition graph

Color Scheme [Reynolds94] hues maximally separated on color wheel saturation/brightness low for unobtrusive, high for emphasis maximal CRT legibility black text on colored background high payoff from following recommendations in existing literature

Conclusion targeted case study techniques approach broadly applicable small user community techniques encode dataset structure spatially multiple perceptual channels interactive selective emphasis, navigation approach broadly applicable

Acknowledgements MSR linguists iterative design techniques discussion Lucy Vanderwende, Bill Dolan, Mo Corston-Oliver iterative design techniques Mary Czerwinski discussion Maneesh Agrawala, Pat Hanrahan, Chris Stolte, Terry Winograd funding Microsoft Graduate Research Fellowship, Interval Research http://graphics.stanford.edu/papers/const http://graphics.stanford.edu/~munzner/talks/vis99