Jun Wang Abhishek Agrawal Anil Bazaz Supriya Angle

Slides:

Advertisements

Similar presentations

Ovid Training Dept 2012 Setting up eTOC Subscriptions.

Advertisements

Interaction Design: Visio

Intro to HTML Basics HTML = Hypertext Mark-up Language HTML = Hypertext Mark-up Language HTML is a plain-text file that can be created using a text editor.

Crystal Reports In Depth Session XII. Crystal Reports - In Depth Reports outside of halFILE Selecting an ODBC Datasource Selecting a second table and.

Designing for Multiple Screen Resolutions Screen resolution is the width and height of the computer screen in pixels Most monitors have many screen resolutions.

Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.

ClearEye: An Visualization System for Document Revision CPSC 533C Project Update Qiang Kong Qixing Zheng.

Using Visio for Network Diagrams. Visio The basic idea is that Visio provides connectable devices. Everything else flows from that concept.

Information Design and Visualization

Guideline for ClinLabGeneticist tool Jinlian Wang

Web Site Design Principles

BlowFish 2000 Copyright © by Gregory Braun. All rights reserved Installation and Users Guide by Robert Moncrief II.

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 7: Working with Frames Kelly L.

Interaction Design Interaction Design - Joan Cahill - Visio Interaction Design: Visio.

Introduction to ArcGIS for Environmental Scientists Module 1 – Data Visualization Chapter 4 - Layouts.

Floor Plans in Microsoft Excel Models for the 21 st Century Architect/Engineer By: Mrs. Guenther.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Table Row Table Data ( Header & Data) Data Cell Padding TABLE.

ChrGeneticist introduction for reviewer Jinlian Wang 10/8/2014.

How (not) to lie with visualization cs5984: Information Visualization Chris North.

Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.

Information Visualization 2: Overview and Navigation Chris North cs3724: HCI.

© Marty Hall, Larry Brown Web core programming 1 HTML Frames.

Microsoft Word 2007 Tracking Changes. Review Tab Select the Review tab from the ribbon to begin Track Changes.

Project Deliverables CIS 4328 – Senior Project 2 And CEN Engineering of Software 2.

DMD Time Height Trend with new graphical display enhancement Start D2D session Select WFO Under Scan menu, select storm DMD Icons & table To view the time.

Advanced Java Screen Update Techniques SD’98 - Session 4406 Ted Faison Faison Computing Inc.

Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.

Nov 2002C.Watters 1 But I’m on my PDA! Device Independence Carolyn Watters Web Information Filtering Lab Faculty of Computer Science Dalhousie University.

Section 2 Terms Jamie Cousin.

Recognition of biological cells – development

Tips and Tricks for Creating Story Maps

Inserting and Working with Images

Adobe Flash Professional CS5 – Illustrated

Data Visualization in Microsoft Excel

Creating Reports and Dashboards with Power BI

Cartography and Labeling

My Final Project: Calorie Counter

Meshstro Application Notes: Meshstro – formerly called Smarter Documents – is a Microsoft Outlook plug-in that connects the contents of your inbox with.

UML PPt by: Hong Qing Yu.

Information Visualization 2: Overview and Navigation

3 Easy Methods to Remove Author Name from WordPress Posts Do you want to remove writer name from your WordPress post? By default, WordPress does not have.

IVend Retail 6.5 Dashboard Designer.

Computer Application AutoCAD Program

Inserting and Working with Links

Chapter 9 Use Cases.

Information Design and Visualization

Information Visualization 2: Overview and Navigation

Starting Design: Logical Architecture and UML Package Diagrams

Analysis models and design models

Turn iPhone into PowerPoint Clicker

Document Design Justine Nielsen April 28, 2003

Chapter by Loco Power Week 6: Medium-Fidelity Prototypes

Introduction to Grasshopper for rhino

Presents: Rally To Java Conversion Suite

5 × 7 = × 7 = 70 9 × 7 = CONNECTIONS IN 7 × TABLE

5 × 8 = 40 4 × 8 = 32 9 × 8 = CONNECTIONS IN 8 × TABLE

4 × 6 = 24 8 × 6 = 48 7 × 6 = CONNECTIONS IN 6 × TABLE

5 × 6 = 30 2 × 6 = 12 7 × 6 = CONNECTIONS IN 6 × TABLE

CIS 4328 – Senior Project 2 And CEN Engineering of Software 2

Map Information Visualization

Chapter 2 Web Site Design Principles

10 × 8 = 80 5 × 8 = 40 6 × 8 = CONNECTIONS IN 8 × TABLE MULTIPLICATION.

3 × 12 = 36 6 × 12 = 72 7 × 12 = CONNECTIONS IN 12 × TABLE

User Interface Design In Windows using Blend.

5 × 12 = × 12 = × 12 = CONNECTIONS IN 12 × TABLE MULTIPLICATION.

5 × 9 = 45 6 × 9 = 54 7 × 9 = CONNECTIONS IN 9 × TABLE

3 × 7 = 21 6 × 7 = 42 7 × 7 = CONNECTIONS IN 7 × TABLE

Introduction to The Edge

Presentation transcript:

Jun Wang Abhishek Agrawal Anil Bazaz Supriya Angle Envision Jun Wang Abhishek Agrawal Anil Bazaz Supriya Angle

Problems Based on old Java version of Envision Connect it to MARIAN backend Show me the overview!! Show me the insight of data!!!

Blank Screen Panics User!! Show Me the Overview Blank Screen Panics User!! Where is my data??

Trade-off Overview + Detail Focus + Context Large Overview (Remove Scrollbar) Small Overview (Context) Showing icons inside cluster - Showing detail in result window Zooming - Maintaining Link Relations

Hammer / Chainsaw Data Screen Data Screen

Show me the DATA !!! Cluster “indicating” Cluster “SHOWING” 34 documents Cluster “indicating” 34 document

Showing Icons in Cluster A nice algorithm has been developed to provide the function we need…. Scales pretty well… a small icon can contain 100+ documents inside… This number can be even raised. Each icon has its own attributes: color, shape, document, selection, everything.

Show Icon Algorithm 11 layers, 433 small icons can be drawn inside an ellipse of radius (191, 188). 3 layers, 51 icons inside (80, 50)

Variable-Width Algorithm To use screen space more efficiently Final algorithm decides width, based on how many documents are inside the largest icon in certain column/row Icon areas are proportional to the number of documents All boundary conditions are carefully considered

Table on Axis Aggregate Several attribute values single value How can we present this information beautifully to facilitate user? Table with tooltip over cells Plain Text vs. Combobox

Remove Grid Line Real “people” don’t like grid on the matrix… Remove them totally from our way!!

Work Is NEVER Ending…

Future Work Connect to multiple backend servers. - Z39.50 protocol, OAI protocol & other general protocols… When scale is too high, zooming is necessary. Then we need context too to guide users. Mouse hover over icon to show icon details. Interface is not well refined.

Questions? Suggestions? Thank You!!