TMRA 20061 TopiMaker – An Implementation of a Novel Topic Maps Visualization David De Weerdt Rani Pinchuk Richard Aked Juan-Jose de Orus Bernard Fontaine.

Slides:



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

Network Visualization by Semantic Substrates Aleks Aris Ben Shneiderman.
Map Projections and Types
Technological Systems Unit 1 ~ How They Work Lesson 1 ~ Exploring Technological Systems Technical Sketching.
Force directed graph drawing Thomas van Dijk. The problem Given a set of vertices and edges, compute positions for the vertices. If the edges don’t have.
Self Organizing Maps. This presentation is based on: SOM’s are invented by Teuvo Kohonen. They represent multidimensional.
Graph Drawing Zsuzsanna Hollander. Reviewed Papers Effective Graph Visualization via Node Grouping Janet M. Six and Ioannis G. Tollis. Proc InfoVis 2001.
TEKS 8.6 (A,B) & 8.7 (A,D) This slide is meant to be a title page for the whole presentation and not an actual slide. 8.6 (A) Generate similar shapes using.
1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.
A New Force-Directed Graph Drawing Method Based on Edge- Edge Repulsion Chun-Cheng Lin and Hsu-Chen Yen Department of Electrical Engineering, National.
Shapes and the Coordinate System TEKS 8.6 (A,B) & 8.7 (A,D)
Grove City High School Ms. Bruce. Week 1  This week Basic Commands Basic Saving Basic Printing.
Graphic Tool for Computer Chip Layout Laura McLane Saint Michael’s College Advisor: Joanna Ellis-Monaghan.
Cone Trees and Collapsible Cylindrical Trees
SIMS 247: Information Visualization and Presentation jeffrey heer
Force Directed Algorithm Adel Alshayji 4/28/2005.
Force Directed Algorithm Adel Alshayji 4/28/2005.
1 Chapter 4: Variability. 2 Variability The goal for variability is to obtain a measure of how spread out the scores are in a distribution. A measure.
Creating and Exploring a Large Photorealistic Virtual Space INRIA / CSAIL / Adobe First IEEE Workshop on Internet Vision, associated with CVPR 2008.
TED 105 Fall Design elements are the basic units of a painting, drawing, design or other visual piece and include: Line Shape Form Color Texture.
Elements and Principles of Design Introduction
So what makes me so smart about GPS? Lifelong fascination with maps & navigation Extensive experience with navigation in aviation, marine and vehicular.
1 Visual Analysis of Large Heterogeneous Social Networks by Semantic and Structural Abstraction Zequian shen, Kwan-Liu Ma, Tina Eliassi-Rad Department.
Frequency Distributions, Histograms, and Related Topics.
Color Correct and Remove Keystoning A minimalist approach to photographing your art By Paul Marley.
Creating Special Effects
Rendering Adaptive Resolution Data Models Daniel Bolan Abstract For the past several years, a model for large datasets has been developed and extended.
Lecture 12: Network Visualization Slides are modified from Lada Adamic, Adam Perer, Ben Shneiderman, and Aleks Aris.
Lattice Technology New Product Feature Highlights July 2010 Product Release.
New method to optimize Force-directed layouts of large graphs Meva DODO, Fenohery ANDRIAMANAMPISOA, Patrice TORGUET, Jean Pierre JESSEL IRIT University.
1 Smashing Peacocks Further: Drawing Quasi-Trees from Biconnected Components Daniel Archambault and Tamara Munzner, University of British Columbia David.
Metro Transit-Centric Visualization for City Tour Planning Pio Claudio and Sung-Eui Yoon.
FUNDAMENTALS OF HAIR CUTTING
Unit 2: Engineering Design Process
Basic Editing Lesson 2.
 Copyright 2011 Digital Enterprise Research Institute. All rights reserved. Digital Enterprise Research Institute Enabling Networked Knowledge.
2.5D Cartoon Models SIGGRAPH 2010 Frédo DurandTakeo IgarashiAlec Rivers MIT CSAIL The University of Tokyo.
Semantic Wordfication of Document Collections Presenter: Yingyu Wu.
Foundations of Technology Sketching and Technical Drawing
Graph Visualization and Beyond … Anne Denton, April 4, 2003 Including material from a paper by Ivan Herman, Guy Melançon, and M. Scott Marshall.
Processing Lab 2 – Geometry Bryce Hutchinson Objectives: Add a dictionary Gain a better understanding of header issues Display geometry correctly Visualize.
Design Studies 20 ‘Show Off’ Project How to make a computer monitor In Google Sketchup By: Liam Jack.
Explanatory notes added to a drawing.
Video Composition Media Concepts The Spill Resource Page.
Lesson and Lesson  Rectangles Four-sided shape with two pairs of parallel sides and four 90 degree angle  Dimensions Length of each side.
“Niche Work” Graham J Wills, Lucent Technologies (Bell Lab)
 Key principles of video composition  How contrast is used for emphasis  Techniques for creating depth in compositions.
EEE 242 Computer Tools for Electrical Engineering
Jeopardy Shots Composition EditingDeveloping Director Q $100 Q $200 Q $300 Q $400 Q $500 Q $100 Q $200 Q $300 Q $400 Q $500 Final Jeopardy.
Drawing Concepts. The first thing we do when beginning to draw is contour drawing, which is another name for drawing the outline and inner details of.
Foundations of Technology Sketching and Technical Drawing
Graphical Presentation of Mobile networks
Navigating in 3D MAX V part 1.
The Vitruvian Man The Vitruvian Man is a world-renowned drawing created by Leonardo da Vinci around the year 1487 It was made as a study of the proportions.
A Variation of the Buffon’s Needle and Coin Problems
Gephi Gephi is a tool for exploring and understanding graphs. Like Photoshop (but for graphs), the user interacts with the representation, manipulate the.
CS475 3D Game Development Level Of Detail Nodes (LOD)
Foundations of Technology Sketching and Technical Drawing
The Principles of Design
Above: An Actual View of Earth from Space (Courtesy NASA)
Above: An Actual View of Earth from Space (Courtesy NASA)
The Principles of Design
The Principles of Design
Knowledge Transfer Partnership 2018
The Principles of Design
The Principles of Design
The Principles of Design
The Principles of Design
What is AutoCAD? AutoCAD is a CAD (Computer Aided Design or Computer Aided Drafting) software application for 2D and 3D design and drafting.
Presentation transcript:

TMRA TopiMaker – An Implementation of a Novel Topic Maps Visualization David De Weerdt Rani Pinchuk Richard Aked Juan-Jose de Orus Bernard Fontaine

TMRA Outline (1)What is TopiMaker? (2)Visualization requirements (3)2D in 3D world (4)Viewport, controls and camera movement (5)Ghosts as proxies (6)Exploiting the third dimension (7)Manipulating the Topic Map (8)Coping with information overload (9)Conclusion & future work

TMRA What is TopiMaker? ● Topic Map editor and viewer ● Developed by Space Applications Services ● Part of TopiWriter ● Alpha stage

TMRA Visualization requirements ● Variable level of detail ● Clustering of semantically close topics ● Highlighting of important parts ● Pleasant look ● Minimal change in the representation after Topic Map modification Representation requirements Navigation requirements ● Information should be accessible, explorable, searchable quickly and intuitively ● Information overload or hidden information should be avoided ● For both novice and knowledgeable users

TMRA Visualization requirements (2) F HB D E P NA G L R C K M Q I O J Original F HB D E P NA G L R C K M Q I O J Hide non-relevant parts F HB D E P N G L R C K M Q I O J F HB D E P N A G L R C K M Q I O J Highlight relevant parts B A F H DE P N A G L R C K M Q I O J Reorder B A F H DE P NAG L R C K M Q I O J Reorder and highlight

TMRA D plane in 3D world No 3D cloud: ● 3D cloud makes occlusion more likely ● Viewed from a distance, difference is small ● Degrees of freedom may obstruct construction of mental image ● Third dimension can be used for something else

TMRA D plane in 3D world (2) Placing the topics on the 2D plane, issues: ● Avoid overlapping topics ● Avoid crossing associations ● Maintain aesthetic properties such as symmetry and uniform distribution ● Speed ● Less relevant in TopiMaker though ● What happens when topics/associations are added or deleted?

TMRA D plane in 3D world (3) The placement algorithm: ● Based on force-directed placement method ● Topics (nodes) are placed on a grid ● No repulsive force between every pair of topics needs to be calculated ● Improvements: ● Non-random initial placement ● Variable goal association lengths ● Ending the algorithm with a few more iterations with smaller grid width

TMRA The viewport, its controls and camera movements Moving Rotating Zooming Automatic camera Selecting Duplicating views A B A B

TMRA Ghosts ● Surrogate topics ● Visually distinct ● Behave equally ● Optionally accompanied by table with neighbors

TMRA Exploiting the Third Dimension ● Bottom plane ● Top plane ● Middle plane ● Navigational aid

TMRA Manipulating the Topic Map ● Adding/deleting topics or associations does not change layout ● New topics are placed in the center ● Layout can be changed manually (dragging) ● Layout can be recalculated completely

TMRA Coping with information overload ● Do not draw superfluous data ● Tree-like associations can be drawn differently forearm Upper limb... thumb elbow... hand palm... part - whole forearm Upper limb... thumb elbow... hand palm... part - whole Upper body forearm Upper limb... thumb elbow... hand palm... part - whole Upper body Lower body chest... ● Clarifies hierarchical associations ● Lightens the main view ● Other possibilities ● Risk for overload

TMRA Coping with information overload (2)

TMRA Conclusion & future work ● Balance between representation quality and navigability ● Additional planes to highlight second (and third...) degree neighbors ● Zooming close → more topic info topic Occurrence1 Occurrence2 Occurrence3 Basename1 Basename2 Basename3 Parent1 Parent2 Parent3 Type1 SubjectID1 SubjectID2

TMRA Questions?

TMRA Thank you for your attention