InfoVis:Wiki - User contributions [en]

Visualization Design Patterns

2011-07-30T17:35:12Z

113.199.139.44:

{| align="right" | __TOC__ |}
== Overview ==
For any design discipline, including Information and Scientific Visualization, [http://itshumour.blogspot.com/2010/06/twenty-hilarious-funny-quotes.html funny quotes]

there are design problems within the domain that tend to arise, time and again. Although effective
[http://itshumour.blogspot.com/2011/07/funny-marriage-jokes.html funny jokes] solutions may be known, they are not helpful unless that knowledge is coherently structured and communicated to colleagues. Without good structure, design knowledge may be disparate and disjointed, and relationships among solutions may not be apparent. Without good communication, designers who are unaware of solutions may be forced to ‘reinvent the wheel’, wasting unnecessary effort on a problem that [http://diamond-solitaire-engagement-rings.com
[http://dentaldentistsolutions.blogspot.com/2009/10/process-and-pictures-dental-implants.html dental implants] has already been solved by others. Some means of capturing and codifying solutions to Information Visualisation design problems would be useful for those engaged in practice. The Visualization Design Patterns described here have been proposed for this purpose of [http://itshumour.blogspot.com/2011/07/divorce-attorney.html divorce attorney]

== Foundational Patterns ==

These patterns are the building blocks of Visualizations. They are more "reference patterns" than true "design patterns". Visualization designers will assume they are a given component of visualization design. The patterns are included to provide a common technical lexicon, to build a ''lingua franca'' used throughout the language, to encourage communications between novices and experts, and to facilitate a discussion of pros and cons.

=== '''Visualization Architecture''' ===
* [[Patterns:Visualization|Visualization]]

=== '''Interaction Patterns''' ===
User intent-based categories of interaction techniques <ref>Yi, J. S., Kang, Y. A., Stasko, J., & Jacko, J. A. (2007). [http://doi.ieeecomputersociety.org/10.1109/TVCG.2007.70605 Toward a Deeper Understanding of the Role of Interaction in Information Visualization.] IEEE Transactions on Visualization and Computer Graphics (TVCG), 13(6). Presented in InfoVis 2007, Sacramento, California, October 28 - November 1, 1224-1231. (see also [http://vgtc.org/wpmu/infovis07/?p=28 Toward a Deeper Understanding of the Role of Interaction in Information Visualization (presentation)])</ref>
* Reconfigure: show me a different arrangement
* Encode: show me a different representation
* Filter: show me something conditionally
** [[Patterns:Filter|Filter]]
** [[Patterns:Dynamic Queries|Dynamic Queries]]
** [[Patterns:Context-maintained Filter|Context-maintained Filter]]
** [[Patterns:Reduction Filter|Reduction Filter]]
* Abstract/Elaborate: show me more or less detail
** [[Patterns:Overview|Overview]]
** [[Patterns:Details-on-demand|Details-on-demand]]
* Connect: show me related items
** [[Patterns:Brushing|Brushing]]
* Explore: show me something else
** [[Patterns:Navigation|Navigation]]
** [[Patterns:Navigation Box|Navigation Box]]
** [[Patterns:Spatial Navigation|Spatial Navigation]]
** [[Patterns:Click-n-Drag|Click-n-Drag]]
** [[Patterns:Teleportation|Teleportation]]
* Select: mark something as interesting
** [[Patterns:Single Direct Selection|Single Direct Selection]]
** [[Patterns:Multiple Direct Selection|Multiple Direct Selection]]
** [[Patterns:Bounding Box|Bounding Box]]
** [[Patterns:Single Direct Selection+Keyboard|Single Direct Selection+Keyboard]]
** [[Patterns:Bounding Box+Keyboard|Bounding Box+Keyboard]]
* Other
** [[Patterns:Direct Manipulation|Direct Manipulation]]
** [[Patterns:Smooth Transitions|Smooth Transitions]]
** [[Patterns:2D Navigational Model|2D Navigational Model]]
** [[Patterns:3D Navigational Model|3D Navigational Model]]
** [[Patterns:NAFS Model|NAFS Model]]

See also: [http://en.wikipedia.org/wiki/Interaction_design_pattern Interaction Design Patterns (wikipedia article)]

=== '''Display Rendering Patterns''' ===

* [[Patterns:Appropriate Visual Objects|Appropriate Visual Objects]]
* [[Patterns:Level of Detail|Level of Detail]]
* [[Patterns:2d Representation|2d Representation]]
* [[Patterns:3d Representation|3d Representation]]
* [[Patterns:Reference Context|Reference Context]]
* [[Patterns:Redundant Encoding|Redundant Encoding]]
* [[Patterns:Small Multiples|Small Multiples]]
* [[Patterns:Datatips|Datatips]]
* [[Patterns:Legends|Legends]]
* [[Patterns:Visual Separation|Visual Separation]]
* [[Patterns:Familiar Organizational Device|Familiar Organizational Device]]
* [[Patterns:Non-Familiar Organizational Device|Non-Familiar Organizational Device]]
* [http://completewaveguide.com/guide/Le_Guide_Complet_Google_Wave Google Wave]

== Programming Patterns ==
These are patterns related to the backend programming of visualization systems. They are organised according to the Model-View-Controller approach, though other organizational systems may also be appropriate.

Heer and Agrawala's paper ''Software Design Patterns for Information Visualization''<ref name="soft">see Heer, J. & Agrawala, M., 2006. [http://vis.berkeley.edu/papers/infovis_design_patterns/ Software Design Patterns for Information Visualization]. IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, 12(5), p.853.</ref> provides a useful overview of software design patterns specific to infovis tasks.

=== Data Modelling and Management ===
* [[Patterns:Reference Model|Reference Model]]<ref name="soft"/>
* [[Patterns:Data Column|Data Column]]<ref name="soft"/>
* [[Patterns:Cascaded Table|Cascaded Table]]
* [[Patterns:Relational Graph|Relational Graph]]
* [[Patterns:Proxy Tuple|Proxy Tuple]]
* [[Patterns:Expression|Expression]]
=== View ===
* [[Patterns:Camera|Camera]]
* [[Patterns:Dynamic Query Binding|Dynamic Query Binding]]
=== Controller ===
* [[Patterns:Scheduler|Scheduler]]
* [[Patterns:Operator|Operator]]
* [[Renderer]]
* [[Production Rule]]

== Development Patterns ==
These patterns relate to the systems development lifecycle and to the activities involved in implementing and testing software.
=== Diagnosis ===
For techniques used during the design process to evaluate coding and design-time decisions.
=== Evaluation and Testing ===
Quality Assurance, Evaluation, and Usability testing methods to close the feedback loop during the development lifecycle.

== References ==
<div class="references-small"> <references/> </div>

[[Category:Patterns]]

Visualization Design Patterns

2011-07-30T17:32:51Z

113.199.139.44:

{| align="right" | __TOC__ |}
== Overview ==
For any design discipline, including Information and Scientific Visualization, [http://itshumour.blogspot.com/2010/06/twenty-hilarious-funny-quotes.html funny quotes]

there are design problems within the domain that tend to arise, time and again. Although effective
[http://itshumour.blogspot.com/2011/07/funny-marriage-jokes.html funny jokes] solutions may be known, they are not helpful unless that knowledge is coherently structured and communicated to colleagues. Without good structure, design knowledge may be disparate and disjointed, and relationships among solutions may not be apparent. Without good communication, designers who are unaware of solutions may be forced to ‘reinvent the wheel’, wasting unnecessary effort on a problem that [http://diamond-solitaire-engagement-rings.com
[http://dentaldentistsolutions.blogspot.com/2009/10/process-and-pictures-dental-implants.html dental implants] has already been solved by others. Some means of capturing and codifying solutions to Information Visualisation design problems would be useful for those engaged in practice. The Visualization Design Patterns described here have been proposed for this purpose of [http://itshumour.blogspot.com/2011/07/divorce-attorney.html divorce attorney]

== Foundational Patterns ==

These patterns are the building blocks of Visualizations. They are more "reference patterns" than true "design patterns". Visualization designers will assume they are a given component of visualization design. The patterns are included to provide a common technical lexicon, to build a ''lingua franca'' used throughout the language, to encourage communications between novices and experts, and to facilitate a discussion of pros and cons.

=== '''Visualization Architecture''' ===
* [[Patterns:Visualization|Visualization]]

=== '''Interaction Patterns''' ===
User intent-based categories of interaction techniques <ref>Yi, J. S., Kang, Y. A., Stasko, J., & Jacko, J. A. (2007). [http://doi.ieeecomputersociety.org/10.1109/TVCG.2007.70605 Toward a Deeper Understanding of the Role of Interaction in Information Visualization.] IEEE Transactions on Visualization and Computer Graphics (TVCG), 13(6). Presented in InfoVis 2007, Sacramento, California, October 28 - November 1, 1224-1231. (see also [http://vgtc.org/wpmu/infovis07/?p=28 Toward a Deeper Understanding of the Role of Interaction in Information Visualization (presentation)])</ref>
* Reconfigure: show me a different arrangement
* Encode: show me a different representation
* Filter: show me something conditionally
** [[Patterns:Filter|Filter]]
** [[Patterns:Dynamic Queries|Dynamic Queries]]
** [[Patterns:Context-maintained Filter|Context-maintained Filter]]
** [[Patterns:Reduction Filter|Reduction Filter]]
* Abstract/Elaborate: show me more or less detail
** [[Patterns:Overview|Overview]]
** [[Patterns:Details-on-demand|Details-on-demand]]
* Connect: show me related items
** [[Patterns:Brushing|Brushing]]
* Explore: show me something else
** [[Patterns:Navigation|Navigation]]
** [[Patterns:Navigation Box|Navigation Box]]
** [[Patterns:Spatial Navigation|Spatial Navigation]]
** [[Patterns:Click-n-Drag|Click-n-Drag]]
** [[Patterns:Teleportation|Teleportation]]
* Select: mark something as interesting
** [[Patterns:Single Direct Selection|Single Direct Selection]]
** [[Patterns:Multiple Direct Selection|Multiple Direct Selection]]
** [[Patterns:Bounding Box|Bounding Box]]
** [[Patterns:Single Direct Selection+Keyboard|Single Direct Selection+Keyboard]]
** [[Patterns:Bounding Box+Keyboard|Bounding Box+Keyboard]]
* Other
** [[Patterns:Direct Manipulation|Direct Manipulation]]
** [[Patterns:Smooth Transitions|Smooth Transitions]]
** [[Patterns:2D Navigational Model|2D Navigational Model]]
** [[Patterns:3D Navigational Model|3D Navigational Model]]
** [[Patterns:NAFS Model|NAFS Model]]

See also: [http://en.wikipedia.org/wiki/Interaction_design_pattern Interaction Design Patterns (wikipedia article)]

=== '''Display Rendering Patterns''' ===

* [[Patterns:Appropriate Visual Objects|Appropriate Visual Objects]]
* [[Patterns:Level of Detail|Level of Detail]]
* [[Patterns:2d Representation|2d Representation]]
* [[Patterns:3d Representation|3d Representation]]
* [[Patterns:Reference Context|Reference Context]]
* [[Patterns:Redundant Encoding|Redundant Encoding]]
* [[Patterns:Small Multiples|Small Multiples]]
* [[Patterns:Datatips|Datatips]]
* [[Patterns:Legends|Legends]]
* [[Patterns:Visual Separation|Visual Separation]]
* [[Patterns:Familiar Organizational Device|Familiar Organizational Device]]
* [[Patterns:Non-Familiar Organizational Device|Non-Familiar Organizational Device]]

== Programming Patterns ==
These are patterns related to the backend programming of visualization systems. They are organised according to the Model-View-Controller approach, though other organizational systems may also be appropriate.

Heer and Agrawala's paper ''Software Design Patterns for Information Visualization''<ref name="soft">see Heer, J. & Agrawala, M., 2006. [http://vis.berkeley.edu/papers/infovis_design_patterns/ Software Design Patterns for Information Visualization]. IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, 12(5), p.853.</ref> provides a useful overview of software design patterns specific to infovis tasks.

=== Data Modelling and Management ===
* [[Patterns:Reference Model|Reference Model]]<ref name="soft"/>
* [[Patterns:Data Column|Data Column]]<ref name="soft"/>
* [[Patterns:Cascaded Table|Cascaded Table]] [http://www.gumball-machine.com/vending-machines.html vending machines]
* [[Patterns:Relational Graph|Relational Graph]]
* [[Patterns:Proxy Tuple|Proxy Tuple]]
* [[Patterns:Expression|Expression]]
=== View ===
* [[Patterns:Camera|Camera]]
* [[Patterns:Dynamic Query Binding|Dynamic Query Binding]]
=== Controller ===
* [[Patterns:Scheduler|Scheduler]]
* [[Patterns:Operator|Operator]]
* [[Renderer]]
* [[Production Rule]]

== Development Patterns ==
These patterns relate to the systems development lifecycle and to the activities involved in implementing and testing software.
=== Diagnosis ===
For techniques used during the design process to evaluate coding and design-time decisions.
=== Evaluation and Testing ===
Quality Assurance, Evaluation, and Usability testing methods to close the feedback loop during the development lifecycle.

== References ==
<div class="references-small"> <references/> </div>

[[Category:Patterns]]

Template:Titlepage Links

2011-07-30T17:28:22Z

113.199.139.44:

<big>'''Selected Web Resources'''</big>


*[http://www.infovis.org/ infovis.org] Information Visualization Resources
*[http://www.infovis.net/index.php?lang=2 InfoVis.net] featuring the Digital Magazine '''Inf@Vis!'''
*[http://vadl.cc.gatech.edu Visual Analytics Digital Library] [[Visual Analytics]]-related educational materials
*[http://iv.homeunix.org/ John Goodall's website on information visualization]
*[http://otal.umd.edu/Olive/ Olive] On-line Library of Information Visualization Environments
*[http://www.edwardtufte.com/bboard/q-and-a?topic_id=1 Ask E.T.] E. Tufte's moderated forum
*[http://isdale.com/jerry/VR/InfoVis_Links.html Jerry Isdale's Big List of InfoVis Links]
*[http://itshumour.blogspot.com/2011/07/divorce-attorney.html Divorce Attorney]
*[http://dentaldentistsolutions.blogspot.com/2009/10/process-and-pictures-dental-implants.html Dental Implants]
*[http://itshumour.blogspot.com/2009/09/top-10-hilarious-quotes.html Hilarious Quotes]

Template:News

2011-07-30T17:22:42Z

113.199.139.44:

*[[2011-07-22: Job: PhD position on Collaborative Information Exploration, Graz University of Technology, Austria ]]
*[[2011-07-21: CFP: IEEE VisWeek Workshop on Visual Analytics in Healthcare: Understanding the Physician Perspective]]
*[[2011-07-21: CFP: IEEE CG&A special issue on Biomedical Applications: From Data Capture to Modeling]]
*[[2011-07-15: Job: Doctoral Research Assistant Position: animated visual analytics of movement (AniMOVE), Zurich, CH]]
*[[2011-07-14: CFP: Parsons Institute for Information Mapping: Call for Papers and Projects]]
*[[2011-07-11: Job: 3 Research assistants at Madeira Interactive Technologies]]
*[[2011-07-05: CFP: IEEE PacificVis 2012]] [http://itshumour.blogspot.com/2009/09/top-10-hilarious-quotes.html hilarious quotes]
*[[2011-07-05: CFP: WikiViz 2011 - Visualizing the impact of Wikipedia]]
*[[2011-07-04: Targeted Projection Pursuit package available in Weka]]
*[[2011-06-30: Job: MSc and PhD Student Recruitment, University of Manitoba, Canada]]
*[[2011-06-28: Job: PhD Fellowship: Math-Sketching on Interactive Whiteboards]]
*[[2011-06-21: Job: PostDoc Position in Intelligent User Interfaces / InfoVis, University of British Columbia, Vancouver, Canada]]
*[[2011-06-21: LinkedIn InfoVis Group Started - Come and Join]]-[http://www.linkedin.com/groups/InfoVis-3967239 InfoVis@LinkedIn]
[http://itshumour.blogspot.com/2009/07/funny-nursery-rhymes-remixed.html nursery rhymes]
*[[2011-06-20: IEEE BioVis: Call for Abstracts & Contest Announcement]]
*[[2011-06-20: CFP: ADVTEL 2011 - Workshop on Enhancing Learning with Ambient Displays and Visualization Techniques]]
*[[2011-06-17: CFP: IEEE VisWeek 2011 Discovery Exhibition]]
*[[2011-06-14: PhD position on Visualizing Multicore Performance, Trinity College Dublin, Ireland]]
*[[2011-06-02: Postgraduate Course on Information Visualization in Barcelona, Spain]]
*[[2011-05-26: Job: PhD/postdoc in genomics visualization at Leuven University (Belgium)]]
*[[2011-05-16: Job: Interface Designer / InfoVis / Service Designer, IxDS Interaction Design Studios, Berlin, Germany]]
*[[2011-05-16: CFP: Special Issue of the journal Data Mining and Knowledge Discovery on Intelligent Interactive Data Visualization]]
*[[2011-05-16: Job: PostDoc position in Multimodal analysis and Interaction, University of Fribourg, Switzerland]]
[http://dentaldentistsolutions.blogspot.com/2009/10/process-and-pictures-dental-implants.html dental implants]
*[[2011-04-06: CFP: Parsons Journal for Information Mapping (PJIM) Call for Papers and Projects]]
*[[2011-04-06: CFP: Special Track: Interactive Visualization in Novel and Heterogeneous Display Environments]]
*[[2011-04-01: Job: PhD position in Visual Analytics at Middlesex University, UK (UKVAC)]]
*[[2011-04-01: CFP: The Third UKVAC Workshop on Visual Analytics (VAW 2011) - September 6-8, 2011 - London, UK (Deadline: June 4, 2011)]]
*[[2011-03-18: Job: Assistant Professor Position in Interactive Visualization at Institut Telecom / Telecom ParisTech, France]]
*[[2011-03-03: Job: PhD and MSc positions at the Human-Computer Interaction Lab, University of Manitoba, Canada]]
*[[2011-03-03: EXTENDED DEADLINE CFP: 5th International Symposium on Information Visualization in Biomedical Informatics (IVBI) (Deadline: March 21, 2011)]][http://itshumour.blogspot.com/2011/07/funny-marriage-jokes.html funny jokes]
*[[2011-02-21: Job: Postdoc position in visualization/neuroscience at UCSD / UTSA]]
*[[2011-02-18: Job: Vacancies for Visiting Academics at the Department of Computer Science at the University of Cyprus (Deadline: March 31, 2011)]]
*[[2011-02-18: Job Offer: PhD Position in Information Visualization, Linnaeus University, Sweden]]
*[[2011-02-18: Job: PhD position on Sleep Quality Measurement and Visualization, Eindhoven Univ. of Tech. and Philips Research, (Deadline: February 27)]]
*[[2011-02-09: CFP: BioVis 2011 - IEEE Symposium on Biological Data Visualization - Oct 23-24, 2011 (Deadline: April 30, 2011)]]
*[[2011-02-07: CFP: TAVA 2011 - Special Track on Theory and Applications of Visual Analytics - Sept 7, 2011 (Deadline: April 30, 2011)]]
*[[2011-02-07: CFP: EuroVA 2011 - EuroVis Workshop on Visual Analytics in Bergen, Norway - May 31st, 2011 (Deadline: Feb. 18, 2011)]]
*[[2011-01-24: CFP: 5th International Symposium on Information Visualization in Biomedical Informatics (IVBI) (Deadline: March 15, 2011)]]
*[[2010-12-22: PhD Studentships: Funded PhD Research Positions, giCentre, City University London]]
*[[2010-12-04: Job: Senior Lecturer in Computer Science (Graphics), Victoria University of Wellington, New Zealand]]
*[[2010-11-30: Job: Information Visualization Researcher, Agilent Laboratories]]
*[[2010-11-30: Job: Human Computer Interaction Research Scientist, Agilent Laboratories]]
*[[2010-10-25: CFP: Making visible the invisible: Data Visualisation in Art, Design and Science Collaborations (Dec. 6th 2010, UK)]]
*[[2010-10-05: Job: Professor and Senior Lecturer in Computing at Northumbria University]]
*[[2010-09-02: CFP: Special Issue on Information Visualization: State of the Field and New Research Directions]]
*[[2010-08-19: Job: PhD Position in Visual Analytics for Network Security]]
*[[2010-08-09: Job: Interaction Designer (InfoVis) for energy consumption research project (FH Potsdam, Berlin, Germany)]]
*[[2010-07-08: CFP: Visual Analytics in Health Care Workshop 2010]]
*[[2010-07-07: CFP: Test wikipedia 2010]]
*[[2010-06-25: CFP: InfoVis Discovery Exhibition @ VisWeek 2010]]
*[[2010-06-22: CFP: Intelligent Data Analysis in bioMedicine And Pharmacology (IDAMAP 2010)]] [http://itshumour.blogspot.com/2011/07/divorce-attorney.html divorce attorney]
*[[2010-06-16: Master by Research in the Area of Visual Analytics (London, UK)]]
*[[2009-16-10: CFP: ACM Symposium on Software Visualization (SoftVis'10) - Posters and Tool Demos]]
*[[2010-06-09: Open Position - Visualization Researchers and Interns - Microsoft Research Asia (Beijing, China)]]
*[[2010-06-01: Open Position - Visualization Research Scientist - Agilent Technologies (Santa Clara, CA, USA]]
*[[2010-05-25: Job: Seeking PROCESSING expert to program interactive information visualizations (Babson College, MA, USA)]]
*[[2010-05-09: CFP: VAKD @ ICDM 2010]]
*[[2010-05-07: Job: Assistant/Associate Professor in HCI and Visualization, VBI at Virginia Tech]]
*[[2010-04-30: Job: PhD Position Available with Clique SRC in Graph Visualization, UCD Dublin]]
*[[2010-03-25: CFP: ACM Transactions on Intelligent Systems and Technology (ACM TIST) Special Issue on Intelligent Visual Interfaces for Text Analysis]]
*[[2010-03-22: Kasper Hornbæk announced to deliver the keynote at BELIV'10 on April 10, 2010]]
*[[2010-02-16: CFP: VAST @ VisWeek 2010]]
*[[2010-01-28: CFP: 4th Int Symposium on Info Vis in Biomedical Informatics (IVBI)]]
*[[2010-01-28: Job: Summer internship at i2, Cambridge UK]] [http://itshumour.blogspot.com/2010/06/twenty-hilarious-funny-quotes.html funny quotes]

*http://isre2005.net/whirlpool-ap51030k

[[:Category:News|'''News Archive...''']]

[http://www.infovis-wiki.net/index.php?title=Special:Newsfeed&feed=rss News as RSS feed]
 [[InfoVis:Wiki_RSS_Feeds|List of all available RSS feeds]]