Post on 07-Jan-2016
description
Visualisation de l’InformationArbres Et Hiérarchies Micheal El-Betjali
DIVADépartement d’InformatiqueUniversité de Fribourg, Suisse
2
Plans du présentation
1. Introduction2. Interaction3. Différentes techniques d’affichage4. Treemaps
1. Squarified Treemaps2. Stock Markt
5. Radial Space Filling1. Semi-Circular Discs2. InterRing
6. Tree1. SpaceTree2. Exploring graphs in 3D Hyperbolic space
7. Conclusion
3
Introduction Problème :
une place d’affichage délimitée une grande hiérarchie afficher tous les éléments sans déborder de la place d’affichage.
Solution Simple: acheter un nouvel écran
Il est clair que la place d’affichage doit être utilisé efficacement
pas de gaspillage de la place avec des informations inutiles
4
Interaction L’interaction est un aspect important pour l’utilisateur, Visualiser
un arbre sans pouvoir interagir, lui apporte peu.
L’interaction est un élément important, car elle permet à l’utilisateur de mieux comprendre la relation entre l’arbre et sa représentation sur l’écran.
L’interaction qui est proposée par les études présentées se regroupe en:
La manipulation La sélection
Brushing Filtering
La navigation Focus+context Drill down Drill up
5
Différentes techniques d’affichage
Tree: peut représenter sans problème
une hiérarchie ayant deux cents éléments
n’utilise pas efficacement la place d’affichage
Treemaps une alternative efficace l’affichage est fait par un
algorithme. l’interaction avec certaines
zones difficile.
6
Différentes techniques d’affichage Radial space filling(RSF)
une autre technique de remplissage d’espace consiste à remplacer les rectangles par des couches circulaires à partir du centre
7
Treemaps: Squarified Treemaps Le but : est de rendre l’interaction possible avec le lay-out
Redéfinit l’algorithme de construction de Treemap Implique de perte d’hiérarchie
Remédier par l’introduction de cadres ombrées
8
utilisés pour visualiser les bénéfices d’une hiérarchie de compagnies durant une période de temps. redéfinition l’algorithme de construction de Treemap, cela
implique de perte d’hiérarchie
démonstration : http://www.smartmoney.com/marketmap/ pour drill down et drill up
Treemaps: Stock Markt
9
RSF : Semi-Circular Discs Présenter l’hiérarchie sur deux demi-cercles:
Le premier présente le noeud de la racine Le deuxiéme affiche plus de détailles d’un neoud choisi.
Gaspillage de la place d’affichage
10
InterRing améliore l’aspect interactif de lay-out en proposant de méthodes qui assurent le multifocus+context. En plus, il utilise la place d’affichage efficacement.
RSF : InterRing
11
Tree:SpaceTree Développé pour remplacer le navigateur classique du système
d’exploitation. L’utilisation de l’animation permet d’afficher l’arbre à l’intérieure de la place
d’affichage. Le changement de couleur d’un neoud, permet d’indiquer la sélection de noeud.
12
Pour explorer des graphes en trois dimensions dans une sphère: Construit un arbre sans cycle à partir d’un graphe Basé sur le « cone Tree »
Tree: Exploring graphs in 3D Hyperbolic space
13
Conclusion Problème :
une place d’affichage délimitée une grande hiérarchie afficher tous les éléments
sans déborder de la place d’affichage.
La solution est donnée par un des ces trois techniques d’affichage: Tree TreeMap Radial Space Filling
L’utilisateur a besoin d’une période d’apprentissage.
14
Merci pour votre patience!
J’attends vos questions…
?