1 / 32

NetLens: Iterative Exploration of Content-Actor Network Data

NetLens: Iterative Exploration of Content-Actor Network Data. Hyunmo Kang, Catherine Plaisant, Ben Bederson. Challenges of Network Data Visualization. by Frank van Ham. TouchGraph. Challenges of Network Data Visualization. Complex Analytic Tasks Incremental data exploration

tallis
Download Presentation

NetLens: Iterative Exploration of Content-Actor Network Data

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. NetLens:Iterative Exploration of Content-Actor Network Data Hyunmo Kang, Catherine Plaisant, Ben Bederson

  2. Challenges of Network Data Visualization by Frank van Ham TouchGraph

  3. Challenges of Network Data Visualization • Complex Analytic Tasks • Incremental data exploration • Iterative query refinement • Scalability • Common simple UI components e.g. histogram and lists • Generality • Apply to any dataset matching Content-Actor modele.g. digital library, photo collections, email collections, case law, etc.

  4. Data Analysis (Content-Actor Model) Inter-relationship Intra-relationship Intra-relationship Entity E1 (Content) Entity E2 (Actor)

  5. Data Analysis (Content-Actor Model) Inter-relationship Intra-relationship Intra-relationship Content (Paper) Actor (Author)

  6. Data Analysis (Content-Actor Model) Inter-relationship Intra-relationship Intra-relationship Content (Email) Actor (People)

  7. Data Analysis (Content-Actor Model) Inter-relationship Intra-relationship Intra-relationship Actor (Photo) Content (People or Category)

  8. DEMOScreenshots at www.cs.umd.edu/hcil/netlensVideo at www.cs.umd.edu/hcil/netlens/VASTvideo

  9. Task Analysis

  10. Task Analysis • Single step tasks • How many papers on “User Study” were published in 1998? • Who are the authors of the papers on “Virtual Reality”, which were published at the CHI 99 conference? • Which paper is the most frequently cited by the papers published at the CHI 04 conference? • Which author is most frequently cited in the “InfoVis” topic? • How many papers were published by UMD HCIL people? • Who are the authors whose nationality is Korea?

  11. Task Analysis • Multiple step tasks • Evaluate individuals: - how many papers were self-referenced? - how frequently was each paper referenced by other papers? • Identify communities: - what are the major paper topics published by UMD HCIL? and who in this group has the most papers in that topic? - how do UMD HCIL’s research interests change over time? and who in this group made that change? • Find experts (to review papers or come to workshop): - who wrote the most papers in the InfoVis topic? and how many papers cited his papers? - whose paper in the InfoVis area is most frequently referenced by other papers? • Learning about a new topic (to find a good PhD topic): - which topic has growing publications? and who contributed most to this topic last 3 years? - what are the other topics the authors in InfoVis area also get interested in? • Where should I go on a sabbatical? - which country (or research group)’s authors most frequently reference my papers?

  12. Design Challenges • History and Integrated Help • Sequence of interactions to accomplish a task (lost in exploration) • “How did I get here?” • “What does the current filtered dataset mean?”

  13. Design Challenges • Multi-layered Interface • Users do not need all the windows • Complexity of data and tasks • Computation efficiency • Users’ usage levels and their preferences • Etc.

  14. Design Challenges • Data Export • Integration of graph visualizing tool TreePlus • Exporting methods • Windows clipboard • Internal graph class object • Xml documents

  15. NetLens Extension (Joint Institute for Knowledge Discovery) - http://jikd.umiacs.umd.edu Emails on the leftPeople on the right Overviews provided for all attributes (here for emotional tone on emails side) Filtered to show only emails related to CAenergy crisis; and the people who sentthem are shown on the right side.

  16. NetLens Extension (Joint Institute for Knowledge Discovery) • Generality and Scalability JIKD data schema

  17. NetLens Data Schema

  18. NetLens System Architecture • NetLens • Written in C#, Piccolo toolkit • Database Server • MySQL • ADO.NET driver for MySQL • MySQL connector/NET 1.0.7 • Web Server • Mac OS X Server • Web API • CGI, JSP (e.g. email search, people’s bio, etc.)

  19. Evaluation • Heuristic Evaluation by NIST • Possible directions: • Usability • Measure usability • Speed, performance, • Learnability • Error rates • Power • Comparing range and complexity of possible queries • SQL queries? • Generality • How easy it is to apply new datasets to NetLens

  20. PhotoMesaBrowse, Annotate, and Search Digital Images Hyunmo Kang and Ben Bederson

  21. PhotoMesa Image Browsing • Zoomable User Interface Zooming into a group of photos Zooming into a single photo • PhotoMesa shows all photos in a single view • Bigger preview by moving over a thumbnail • Browse photos by zooming in or out • Dynamic sorting and grouping

  22. PhotoMesa Image Browsing • Zoomable User Interface • PhotoMesa lets you control visible photos • All photos • Unhidden photos • Representative photos • Favorite photos only Show only the representative photos for each group

  23. PhotoMesa Image Browsing • Browse photos in “Scroll” mode with detail photo view • Zoomable User Interface Scrollable Thumbnails Panel Photo Information with EXIF Detail Photo Panel

  24. PhotoMesa Annotating Label objects in the photo (e.g. animals, locations, etc.) Label who is in the photo Add a caption and mark photo as favorite or hidden • People Annotation Mechanisms: Checkbox Annotation, Drag-and-drop Annotation, Hotkey Annotation • Category Annotation: Create user-defined hierarchical structure of object types to annotate your photos with

  25. PhotoMesa Annotating • Bulk Annotation: Annotate multiple photos simultaneously with the same annotation mechanisms

  26. PhotoMesa Searching By keyword By folders By people By category By year By month

  27. PhotoMesa Photo Sharing • Upload • Photos • Metadata e.g.) people, category, photo info, etc. • Remove • Update • Search • Web Services • Browse with web browser • Add comments

  28. PhotoMesa Data Schema

  29. PhotoMesa SQL Query • Free Text Search (Find photos containing word “kang”) SELECT Photos.* FROM (Photos INNER JOIN (Categories INNER JOIN PhotosCategories ON Categories.categoryname = PhotosCategories.categoryname) ON Photos.url = PhotosCategories.url) INNER JOIN (People INNER JOIN PhotosPeople ON People.personname = PhotosPeople.personname) ON Photos.url = PhotosPeople.url WHERE (((PhotosPeople.personname) Like "*kang*") OR ((Photos.url) Like "*kang*") OR ((Photos.created) Like "*kang*") OR ((Photos.uploaded) Like "*kang*") OR ((Photos.description) Like "*kang*")) OR (((PhotosCategories.categoryname) Like "*kang*"));

  30. PhotoMesa SQL Query • Add Photo INSERT INTO Photos (url, created, uploaded, description, photomark, thumbnail, width, height) Values(“url”, “2006-04-20", “2006-04-20", “hyunmo’s trip to Seoul”, 1280, 1024); • Add People INSERT INTO PhotosPeople (url, personname, x, y, time) Values(“url”, “hyunmo kang“, “0.1234”, “0.789” “2006-04-20"); INSERT INTO People (personname, lastname, firstname) Values(“hyunmo kang”, “kang”, “hyunmo”);

  31. PhotoMesa System Architecture • PhotoMesa Client • Written in C#, Piccolo toolkit • Database Server • MySQL • ADO.NET driver for MySQL • MySQL connector/NET 1.0.7 • Web Server • Apache • Web API • PHP (photo upload, web services)

  32. Questions? • More visualization projects are available athttp://www.cs.umd.edu/hcil • PhotoMesahttp://windsorinterfaces.com • NetLenshttp://www.cs.umd.edu/hcil/netlens • Email: kang@cs.umd.edu

More Related