1 / 25

prefuse : A Toolkit for Interactive Information Visualization

prefuse : A Toolkit for Interactive Information Visualization. Heer, J., Card, S.K., Landay, J.A. Presented by Julia West. A familiar visualization…. Problems. Not customized Need novel visualizations Could write our own Choose a visualization

berryd
Download Presentation

prefuse : A Toolkit for Interactive Information Visualization

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. prefuse: A Toolkit for Interactive Information Visualization Heer, J., Card, S.K., Landay, J.A. Presented by Julia West

  2. A familiar visualization…

  3. Problems • Not customized • Need novel visualizations • Could write our own • Choose a visualization • Find/write algorithms for visualization and interaction • Spend weeks coding • Could utilize existing visualization “widgets” • Granularity at the level of the visualization • Same problem!

  4. Earlier Work

  5. Earlier Work (continued)

  6. Earlier Work (continued)

  7. Enter prefuse… • Simplifies creation of visualizations • Flexible interface • Multiple views • Transforms • Customization • Time saver

  8. Road-map • Design of prefuse • How to write applications with prefuse • Sample Applications • Usability Study

  9. Toolkit Design

  10. Data • Abstract Data Interfaces • Unstructured data • Graph data • Tree data • Entity type • Node • TreeNode • Edge • Input/Output

  11. Filtering

  12. Visual Form • VisualItems • Node NodeItem • Edge  EdgeItem • TreeNode AggregateItem ItemRegistry ItemRegistry NodeItems EdgeItems

  13. Rendering • VisualItems are drawn to screen • Basic Shapes, edges, text, & images • Many Renderers, many views RendererFactory Renderer render(Graphics2D, VisualItem) getRenderer(VisualItem) getBounds(VisualItem) locatePoint(Point2D, VisualItem)

  14. Display Component • Renders VisualItems to screen • Provides user interface callbacks • Supports tool tips, graphics transforms, on-screen text editing Data Set Abstract Data Entity VisualItem Filters Vis Vis Vis Renderer / Display View View View Controllers

  15. Actions • Grouped into runnable ActionLists • Filter Actions • Filtering process • Assignment Actions • Visual Attributes • Animator Actions • Interpolation of start & end values

  16. Libraries

  17. Writing Applications • Load Data & Create ItemRegistry • Create Renderers • Create ActionLists • Filter & Display • Animate • Create Display & Controls • Add Display to window & run ActionList

  18. Writing Cooler Applications • Adding Force-Based Jitter • Adding Overview, Panning & Zooming • Adding Fisheye Distortion

  19. Sample Applications • DOITree Web Hierarchy Browser

  20. Vizster • Social networking visualization

  21. Application Demos • prefuse homepage • Force-directed demo • Radial demo • Distortion demo • Auto-zoom demo

  22. Usability Study • 8 participants • 4 CS students • 3 professional programmers and/or UI designers • 1 infovis expert • Pretest: brief tutorial • Windows PC with Eclipse IDE, prefuse source code, examples, & documentation • “Think Aloud”

  23. Usability Study continued • Given social networking data file • Tasks • Create a static visualization of data using random layout • Use layout technique of choice and implement color scheme • Add interactivity and animation

  24. Usability Study Results • All successfully created visualization • 7/8 completed all tasks • Problems with structuring data flow • Naming issues • API usage patterns – most help from examples, not documentation

  25. Conclusion • Easily create novel visualizations • Problem • Data preparation • Questions

More Related