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

Slides:



Advertisements
Similar presentations
Three-Step Database Design
Advertisements

Microsoft Word – Lesson 1
Infusing Curriculum with Technology Goals – To help facilitate the use of technology into classroom lessons.
1 Human-Computer Interaction Screen Layout and Colour.
October 21, 2014 Entry task: Explain ROY G BIV. Target: Identify color names and physical features.
Most-to-Least Legible Color Combinations for Viewing on Slide Shows Color and contrast are very important tools in communication. They can be used to enhance.
Clipping Lists & Change Borders: Improving Multitasking Efficiency with Peripheral Information Design Mary Czerwinski George Robertson Desney Tan Microsoft.
Displays Chapter 8. Key Components in Display Design.
SRDC Ltd. 1. Problem  Solutions  Various standardization efforts ◦ Document models addressing a broad range of requirements vs Industry Specific Document.
GIS Lecture 2 Map Design.
ClearEye A Visualization System for Document Revision CPSC 533C Project Qiang Kong Qixing Zheng.
Ultra-High Resolution Information Visualization CS 5764 Sarah Peck, Chris North Credits: Beth Yost, Bob Ball, Christopher Andrews, Mike DellaNoce, Candice.
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.
Morris LeBlanc.  Why Image Retrieval is Hard?  Problems with Image Retrieval  Support Vector Machines  Active Learning  Image Processing ◦ Texture.
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.
Subdue Graph Visualizer by Gayathri Sampath, M.S. (CSE) University of Texas at Arlington.
Table Lens From papers 1 and 2 By Tichomir Tenev, Ramana Rao, and Stuart K. Card.
Improving UML Class Diagrams using Design Patterns Semantics Shahar Maoz Work in Progress.
Interactive Visualization of Large Graphs and Networks
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,
Content-Based Image Retrieval using the EMD algorithm Igal Ioffe George Leifman Supervisor: Doron Shaked Winter-Spring 2000 Technion - Israel Institute.
Graph Visualization Tools NAM, Javis, Otter, H3Viewer Burton Filstrup.
DIGITAL GRAPHICS & ANIMATION Complete LESSON 5 CREATING SPECIAL EFFECTS.
Information Design and Visualization
Methods in Computational Linguistics II Queens College Lecture 7: Structuring Things.
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.
Visualizations to Support Interactive Goal Model Analysis Jennifer Horkoff 1 Eric Yu 2 Department of Computer Science 1 Faculty of Information 2
CHAPTER ONE Problem Solving and the Object- Oriented Paradigm.
Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES Cyberinfrastructure (late entry) Phil Reese, Stanford University CSG Meeting, June.
GIS Lecture 2 Map Design.
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.
Fanny Widadie, S.P, M.Agr 1 Database Management Systems.
Geographic Information Systems GIS Output. 1. Color Theory ► Additive primaries blue, green, and red ► Subtractive primaries yellow, cyan, and magenta.
NVivo Software – A Qualitative Research And Data Analysis Tool: New User Tutorial Created Through a CMU Faculty Insight Team Grant by Joanne Hopper Bradley.
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.
Photo Editing Custom Colors Advanced Layout Hodge Podge.
GRAPHING RELATIONSHIPS For each graph, determine the graphing relationship and record it on a white board.
Concepts and Realization of a Diagram Editor Generator Based on Hypergraph Transformation Author: Mark Minas Presenter: Song Gu.
HSB to RGB to HEX.
Web Interface Design Basic GUI and Web layouts Fig H.12: Basic Layouts of Web and Graphic User Interfaces.
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.
Mesh Refinement: Aiding Research in Synthetic Jet Actuation By: Brian Cowley.
RED, YELLOW, and BLUE These colors cannot be made Used to make all other colors.
The Art of Colors A few tips for user interface designers.
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
Physical Data Model – step-by-step instructions and template
Summary on symbol design
François Guimbretière
The Use of Color in User Interfaces
Elements of Art.
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
CHAPTER 7: Information Visualization
François Guimbretière
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
The Elements of Art: Color
Presentation transcript:

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 –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

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 –synergy from multiple codings layout gradient –spatial position, word size –quantitative

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

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

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

Perceptual Channels orientation –relation types 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

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

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

Acknowledgements MSR linguists –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 – –