Visualization Design Patterns - Revision history

Paulparsons: added link to pdf

2014-03-22T16:59:16Z

added link to pdf

← Older revision		Revision as of 16:59, 22 March 2014
Line 47:		Line 47:


	General interaction patterns, characterized according to actions that users perform on visual representations (VRs), and the utility of action-reaction pairs (i.e., interactions) in carrying out tasks and activities. These are conceptual, pattern-based characterizations of user-initiated interactions with visual representations at the interface, and are not directly concerned with implementation details, techniques, and underlying data/information. Included with each pattern is a list of some common variations, techniques with which the pattern has been instantiated, the cognitive utility of the interaction in the context of performing complex tasks and activities, and some examples and lists of existing tools in which the pattern is instantiated. <ref>Sedig, K. & Parsons, P. (2013). [ Interaction Design for Complex Cognitive Activities with Visual Representations: A Pattern-Based Approach.] AIS Transactions on Human-Computer Interaction, 5(2), pp.84-133.</ref>		General interaction patterns, characterized according to actions that users perform on visual representations (VRs), and the utility of action-reaction pairs (i.e., interactions) in carrying out tasks and activities. These are conceptual, pattern-based characterizations of user-initiated interactions with visual representations at the interface, and are not directly concerned with implementation details, techniques, and underlying data/information. Included with each pattern is a list of some common variations, techniques with which the pattern has been instantiated, the cognitive utility of the interaction in the context of performing complex tasks and activities, and some examples and lists of existing tools in which the pattern is instantiated. <ref>Sedig, K. & Parsons, P. (2013). Interaction Design for Complex Cognitive Activities with Visual Representations: A Pattern-Based Approach. AIS Transactions on Human-Computer Interaction, 5(2), pp. 84-133.[http://aisel.aisnet.org/cgi/viewcontent.cgi?article=1057&context=thci]</ref>

	Unipolar Patterns:		Unipolar Patterns:

Paulparsons: /* Interaction Patterns */

2014-03-22T16:55:42Z

Interaction Patterns

@@ Line 45: / Line 45: @@
 ** [[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)]

Arind: remove more spam

2013-11-28T16:22:51Z

remove more spam

← Older revision		Revision as of 16:22, 28 November 2013
Line 1:		Line 1:
	{\| align="right" \| __TOC__ \|}		{\| align="right" \| __TOC__ \|}
	== Overview ==		== Overview ==
	For any design discipline, including Information and Scientific Visualization, there are design problems within the domain that tend to arise time and again. Although effective 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 has already been solved by others. Some means of capturing and codifying solutions to Information Visualisation design problems ~~[http://tdschool.co.uk/driving-schools-stevenage/ driving schools stevenage]~~ would be useful for those engaged in practice. The Visualization Design Patterns described here have been proposed for this purpose.		For any design discipline, including Information and Scientific Visualization, there are design problems within the domain that tend to arise time and again. Although effective 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 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.

	== Foundational Patterns ==		== Foundational Patterns ==

Arind: remove some spam

2013-11-28T16:21:20Z

remove some spam

← Older revision		Revision as of 16:21, 28 November 2013
Line 14:		Line 14:

	=== '''Interaction Patterns''' ===		=== '''Interaction Patterns''' ===
	User intent-based categories of interaction techniques <ref>Yi, J. S., Kang, Y. A., Stasko, J., & Jacko, J. A. (2007). [ Toward a Deeper Understanding of the Role of Interaction in Information Visualization.] IEEE Transactions on <span class="plainlinks">[http://driveways-som.com/driving-lessons-ilford/ <span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;">driving lessons ilford</span>] Visualization and Computer Graphics (TVCG), 13(6). Presented in InfoVis 2007, Sacramento, California, October 28 - November 1, 1224-1231. (see also [ Toward a Deeper Understanding of the Role of Interaction in Information Visualization (presentation)])</ref>		User intent-based categories of interaction techniques <ref>Yi, J. S., Kang, Y. A., Stasko, J., & Jacko, J. A. (2007). [ 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 [ Toward a Deeper Understanding of the Role of Interaction in Information Visualization (presentation)])</ref>
	* Reconfigure: show me a different arrangement		* Reconfigure: show me a different arrangement
	* Encode: show me a different representation		* Encode: show me a different representation

Rsimmon: removed spam

2013-08-01T17:27:13Z

removed spam

← Older revision		Revision as of 17:27, 1 August 2013
Line 1:		Line 1:
	~~Elkhart-born~~ and ~~raised Ursulina~~ is ~~entirely hooked~~ on <a ~~href~~="http://~~www~~.~~howtofindipaddress.info~~">~~ヴィトンバッグ~~</a> ~~winter sports~~, ~~backgammon~~. ~~Nearly all her stimulus is obtained from checking out new towns~~, ~~cities~~ for ~~example~~ to ~~Kisumu~~, ~~Kenya~~.		{\| align="right" \| __TOC__ \|}
			== Overview ==
			For any design discipline, including Information and Scientific Visualization, there are design problems within the domain that tend to arise time and again. Although effective 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 has already been solved by others. Some means of capturing and codifying solutions to Information Visualisation design problems [http://tdschool.co.uk/driving-schools-stevenage/ driving schools stevenage] would be useful for those engaged in practice. The Visualization Design Patterns described here have been proposed for this purpose.

			== 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). [ Toward a Deeper Understanding of the Role of Interaction in Information Visualization.] IEEE Transactions on <span class="plainlinks">[http://driveways-som.com/driving-lessons-ilford/ <span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;">driving lessons ilford</span>] Visualization and Computer Graphics (TVCG), 13(6). Presented in InfoVis 2007, Sacramento, California, October 28 - November 1, 1224-1231. (see also [ 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>see Heer, J. & Agrawala, M., 2006. [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]]
			* [[Patterns:Data Column\|Data Column]]
			* [[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]]

110.85.100.24: http://www.buckprod.com

2013-07-25T10:51:45Z

http://www.buckprod.com

← Older revision		Revision as of 10:51, 25 July 2013
Line 1:		Line 1:
	~~Neurologist~~ Ursulina ~~really loves~~ <a href="http://www.~~brand-5~~.info">ヴィトン ~~アウトレット~~</a> ~~magazines~~, ~~collecting music albums~~. ~~Last but not least, she's empowered by exploring~~ new towns, cities ~~and nations around the world as an~~ example, ~~Hamilton. <a href="http://www.bostontowncar.com/rss~~.~~cfm" title="ヴィトンコピー">ヴィトンコピー</a>~~		Elkhart-born and raised Ursulina is entirely hooked on <a href="http://www.howtofindipaddress.info">ヴィトンバッグ</a> winter sports, backgammon. Nearly all her stimulus is obtained from checking out new towns, cities for example to Kisumu, Kenya.

110.85.100.24: ヴィトンコピー

2013-07-23T05:22:40Z

ヴィトンコピー

← Older revision		Revision as of 05:22, 23 July 2013
Line 1:		Line 1:
	~~{\| align="right" \| __TOC__ \|}~~		Neurologist Ursulina really loves <a href="http://www.brand-5.info">ヴィトンアウトレット</a> magazines, collecting music albums. Last but not least, she's empowered by exploring new towns, cities and nations around the world as an example, Hamilton. <a href="http://www.bostontowncar.com/rss.cfm" title="ヴィトンコピー">ヴィトンコピー</a>
	~~== Overview ==~~
	For any design discipline, including Information and Scientific Visualization, there are design problems within the domain that tend to arise time and again. Although effective 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 has already been solved by others. Some means of capturing and codifying solutions to Information Visualisation design problems [http://tdschool.co.uk/driving-schools-stevenage/ driving schools stevenage] would be useful for those engaged in practice. The Visualization Design Patterns described here have been proposed for this purpose.

	~~== 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). [ Toward~~ a ~~Deeper Understanding of the Role of Interaction in Information Visualization.] IEEE Transactions on <span class~~="~~plainlinks">[~~http://~~driveways~~-~~som~~.~~com/driving-lessons-ilford/ <span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;~~">~~driving lessons ilford~~</~~span~~>~~] Visualization and Computer Graphics (TVCG)~~, ~~13(6)~~. ~~Presented in InfoVis 2007~~, ~~Sacramento~~, ~~California~~, ~~October 28 - November 1, 1224-1231~~. ~~(see also [ 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>see Heer, J. & Agrawala, M., 2006. [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]]
	* [[Patterns:Data Column\|Data Column]]
	* [[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]]~~

Hua Guo: removed an ad

2013-07-16T17:23:00Z

removed an ad

← Older revision		Revision as of 17:23, 16 July 2013
Line 17:		Line 17:
	* Reconfigure: show me a different arrangement		* Reconfigure: show me a different arrangement
	* Encode: show me a different representation		* Encode: show me a different representation
	* Filter: show me something conditionally ~~[http://r-m-t.org.uk/index.php/ driving schools leeds]~~		* Filter: show me something conditionally
	** [[Patterns:Filter\|Filter]]		** [[Patterns:Filter\|Filter]]
	** [[Patterns:Dynamic Queries\|Dynamic Queries]]		** [[Patterns:Dynamic Queries\|Dynamic Queries]]

49.145.80.238 at 14:23, 16 May 2013

2013-05-16T14:23:00Z

← Older revision		Revision as of 14:23, 16 May 2013
Line 17:		Line 17:
	* Reconfigure: show me a different arrangement		* Reconfigure: show me a different arrangement
	* Encode: show me a different representation		* Encode: show me a different representation
	* Filter: show me something conditionally [~~www.learn~~-~~esm~~.co.uk/~~accommodation~~.php/ ~~Driving Crash Course London~~]		* Filter: show me something conditionally [http://r-m-t.org.uk/index.php/ driving schools leeds]
	** [[Patterns:Filter\|Filter]]		** [[Patterns:Filter\|Filter]]
	** [[Patterns:Dynamic Queries\|Dynamic Queries]]		** [[Patterns:Dynamic Queries\|Dynamic Queries]]

49.145.80.238 at 14:19, 16 May 2013

2013-05-16T14:19:24Z

← Older revision		Revision as of 14:19, 16 May 2013
Line 1:		Line 1:
	{\| align="right" \| __TOC__ \|}		{\| align="right" \| __TOC__ \|}
	== Overview ==		== Overview ==
	For any design discipline, including Information and Scientific Visualization, there are design problems within the domain that tend to arise time and again. Although effective 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 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.		For any design discipline, including Information and Scientific Visualization, there are design problems within the domain that tend to arise time and again. Although effective 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 has already been solved by others. Some means of capturing and codifying solutions to Information Visualisation design problems [http://tdschool.co.uk/driving-schools-stevenage/ driving schools stevenage] would be useful for those engaged in practice. The Visualization Design Patterns described here have been proposed for this purpose.

	== Foundational Patterns ==		== Foundational Patterns ==
Line 17:		Line 17:
	* Reconfigure: show me a different arrangement		* Reconfigure: show me a different arrangement
	* Encode: show me a different representation		* Encode: show me a different representation
	* Filter: show me something conditionally		* Filter: show me something conditionally [www.learn-esm.co.uk/accommodation.php/ Driving Crash Course London]
	** [[Patterns:Filter\|Filter]]		** [[Patterns:Filter\|Filter]]
	** [[Patterns:Dynamic Queries\|Dynamic Queries]]		** [[Patterns:Dynamic Queries\|Dynamic Queries]]

← Older revision		Revision as of 17:27, 1 August 2013
Line 1:		Line 1:
	~~Elkhart-born~~ and ~~raised Ursulina~~ is ~~entirely hooked~~ on <a ~~href~~="http://~~www~~.~~howtofindipaddress.info~~">~~ヴィトンバッグ~~</a> ~~winter sports~~, ~~backgammon~~. ~~Nearly all her stimulus is obtained from checking out new towns~~, ~~cities~~ for ~~example~~ to ~~Kisumu~~, ~~Kenya~~.		{\| align="right" \| __TOC__ \|}
			== Overview ==
			For any design discipline, including Information and Scientific Visualization, there are design problems within the domain that tend to arise time and again. Although effective 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 has already been solved by others. Some means of capturing and codifying solutions to Information Visualisation design problems [http://tdschool.co.uk/driving-schools-stevenage/ driving schools stevenage] would be useful for those engaged in practice. The Visualization Design Patterns described here have been proposed for this purpose.

			== 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). [ Toward a Deeper Understanding of the Role of Interaction in Information Visualization.] IEEE Transactions on <span class="plainlinks">[http://driveways-som.com/driving-lessons-ilford/ <span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;">driving lessons ilford</span>] Visualization and Computer Graphics (TVCG), 13(6). Presented in InfoVis 2007, Sacramento, California, October 28 - November 1, 1224-1231. (see also [ 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>see Heer, J. & Agrawala, M., 2006. [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]]
			* [[Patterns:Data Column\|Data Column]]
			* [[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]]

← Older revision		Revision as of 05:22, 23 July 2013
Line 1:		Line 1:
	~~{\| align="right" \| __TOC__ \|}~~		Neurologist Ursulina really loves <a href="http://www.brand-5.info">ヴィトンアウトレット</a> magazines, collecting music albums. Last but not least, she's empowered by exploring new towns, cities and nations around the world as an example, Hamilton. <a href="http://www.bostontowncar.com/rss.cfm" title="ヴィトンコピー">ヴィトンコピー</a>
	~~== Overview ==~~
	For any design discipline, including Information and Scientific Visualization, there are design problems within the domain that tend to arise time and again. Although effective 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 has already been solved by others. Some means of capturing and codifying solutions to Information Visualisation design problems [http://tdschool.co.uk/driving-schools-stevenage/ driving schools stevenage] would be useful for those engaged in practice. The Visualization Design Patterns described here have been proposed for this purpose.

	~~== 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). [ Toward~~ a ~~Deeper Understanding of the Role of Interaction in Information Visualization.] IEEE Transactions on <span class~~="~~plainlinks">[~~http://~~driveways~~-~~som~~.~~com/driving-lessons-ilford/ <span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;~~">~~driving lessons ilford~~</~~span~~>~~] Visualization and Computer Graphics (TVCG)~~, ~~13(6)~~. ~~Presented in InfoVis 2007~~, ~~Sacramento~~, ~~California~~, ~~October 28 - November 1, 1224-1231~~. ~~(see also [ 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>see Heer, J. & Agrawala, M., 2006. [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]]
	* [[Patterns:Data Column\|Data Column]]
	* [[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]]~~