https://infovis-wiki.net/w/api.php?action=feedcontributions&feedformat=atom&user=ThatbrockInfoVis:Wiki - User contributions [en]2026-04-21T12:52:13ZUser contributionsMediaWiki 1.45.3https://infovis-wiki.net/w/index.php?title=Patterns:Navigation_Box&diff=17176Patterns:Navigation Box2007-10-13T13:16:14Z<p>Thatbrock: /* Related Patterns */</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The display consists of an Overview and Detail.<br />
<br />
== Problem ==<br />
How to allow the user to navigate the data space via the overview.<br />
<br />
== Forces ==<br />
* A simple mechanism for altering the contents of the detailed view.<br />
* Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data.<br />
== Solution ==<br />
'''Place a moveable location indicator within the overview.'''<br />
<br />
There should be a visual location indicator in the overview. Often this is<br />
simply a rectangle that represents both the location and area of the<br />
dataset being viewed. The user can then click and drag this indicator to<br />
the desired location and the contents of the detailed view should be<br />
updated accordingly. Similarly if the contents of the detailed view can<br />
be altered by some other means e.g. scrollbars, then the location<br />
indicator in the overview should be moved to reflect this change. In this<br />
way the location indicator and the detailed view are kept in sync.<br />
Whilst dragging the indicator the detailed view may be continuously<br />
updated ([[Patterns:Smooth Transitions|Smooth Transitions]]). Alternatively the detailed view may<br />
only update when the mouse button is released, in which case<br />
[[Patterns:Teleportation|Teleportation]] is often an option.<br />
<br />
== Examples ==<br />
* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line<br />
Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref><br />
[[Image:navbox.png|150px|thumb|Navigation Box (in red)]]<br />
* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and<br />
Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref><br />
[[Image:navbox2.png|150px|thumb|Navigation Box (in red)]]<br />
<br />
== Related Patterns ==<br />
* [[Patterns:Smooth Transitions|Smooth Transitions]]<br />
* [[Patterns:Teleportation|Teleportation]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Filter&diff=17175Patterns:Filter2007-10-13T13:15:19Z<p>Thatbrock: /* Related Patterns */</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
A need to reduce the number of visual objects displayed on the screen or to assist the user in finding and focusing on specific items of interest.<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The current view displays items that may be irrelevant to the user's current task.<br />
<br />
== Problem ==<br />
How to reduce the number of visual objects displayed or assist the user<br />
in finding and focusing on specific items of interest.<br />
<br />
== Forces ==<br />
* Need to find specific items<br />
* May need to maintain the context of those items found<br />
* Large number of items in view, many of which are irrelevant to the current task<br />
== Solution ==<br />
'''Filter out some of the displayed items.'''<br />
<br />
Filtering facilities can help to reduce the number of data items<br />
displayed to those of specific interest to the user and their current task.<br />
This helps to reduce the visual complexity of the display. Typically<br />
widgets such as sliders, buttons, menus, etc., are attached to different<br />
attributes of the data. Manipulating these controls to specify the desired<br />
attribute values should cause a rapid update of the main display. This<br />
relates to [[Patterns:Dynamic Queries|Dynamic Queries]]. The choice of which attributes to allow the<br />
user to filter by may be determined from the task analysis stage.<br />
One potential problem with filtering is that because items are removed<br />
from the display, the context of the remaining items may be lost. One<br />
solution is to change a visual feature of the surviving items e.g. colour,<br />
rather than removing those that don’t pass the filter. In effect making the<br />
relevant items more salient. This means that the surviving items context<br />
is preserved but the visual complexity of the display stays high. In<br />
addition altering a visual feature in such a way may alter or lose the<br />
meaning of the associated data value.<br />
<br />
== Examples ==<br />
* Film Finder<ref>Ahlberg, C., Shneiderman, B. (1994). Visual information seeking: tight coupling of dynamic<br />
query filters with starfield displays. In: Human Factors and Computing Systems. Boston,<br />
USA, 24-28 April 1994. pp 313-317.</ref><br />
[[Image:filmfinder.png|150px|thumb|Film Finder]]<br />
* [http://www.cs.umd.edu/hcil/lifelines/ LifeLines]<ref>Plaisant, C. et al. (1996). LifeLines : Visualizing Personal Histories. In: Conference on<br />
Human Factors in Computing Systems. Vancouver, British Columbia, Canada, 13-18 April<br />
1996. pp 221-227.</ref><br />
<br />
== Related Patterns ==<br />
* [[Patterns:Context-Maintained Filter|Context-Maintained Filter]]<br />
* [[Patterns:Reduction Filter|Reduction Filter]]<br />
* [[Patterns:Dynamic Queries|Dynamic Queries]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.<br />
<br />
<br />
[[Category:Patterns]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Navigation_Box&diff=17174Patterns:Navigation Box2007-10-13T13:14:00Z<p>Thatbrock: /* Solution */</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The display consists of an Overview and Detail.<br />
<br />
== Problem ==<br />
How to allow the user to navigate the data space via the overview.<br />
<br />
== Forces ==<br />
* A simple mechanism for altering the contents of the detailed view.<br />
* Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data.<br />
== Solution ==<br />
'''Place a moveable location indicator within the overview.'''<br />
<br />
There should be a visual location indicator in the overview. Often this is<br />
simply a rectangle that represents both the location and area of the<br />
dataset being viewed. The user can then click and drag this indicator to<br />
the desired location and the contents of the detailed view should be<br />
updated accordingly. Similarly if the contents of the detailed view can<br />
be altered by some other means e.g. scrollbars, then the location<br />
indicator in the overview should be moved to reflect this change. In this<br />
way the location indicator and the detailed view are kept in sync.<br />
Whilst dragging the indicator the detailed view may be continuously<br />
updated ([[Patterns:Smooth Transitions|Smooth Transitions]]). Alternatively the detailed view may<br />
only update when the mouse button is released, in which case<br />
[[Patterns:Teleportation|Teleportation]] is often an option.<br />
<br />
== Examples ==<br />
* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line<br />
Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref><br />
[[Image:navbox.png|150px|thumb|Navigation Box (in red)]]<br />
* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and<br />
Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref><br />
[[Image:navbox2.png|150px|thumb|Navigation Box (in red)]]<br />
<br />
== Related Patterns ==<br />
* [[Smooth Transitions]]<br />
* [[Teleportation]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Navigation_Box&diff=17173Patterns:Navigation Box2007-10-13T13:12:52Z<p>Thatbrock: /* Solution */</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The display consists of an Overview and Detail.<br />
<br />
== Problem ==<br />
How to allow the user to navigate the data space via the overview.<br />
<br />
== Forces ==<br />
* A simple mechanism for altering the contents of the detailed view.<br />
* Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data.<br />
== Solution ==<br />
'''Place a moveable location indicator within the overview.'''<br />
<br />
There should be a visual location indicator in the overview. Often this is<br />
simply a rectangle that represents both the location and area of the<br />
dataset being viewed. The user can then click and drag this indicator to<br />
the desired location and the contents of the detailed view should be<br />
updated accordingly. Similarly if the contents of the detailed view can<br />
be altered by some other means e.g. scrollbars, then the location<br />
indicator in the overview should be moved to reflect this change. In this<br />
way the location indicator and the detailed view are kept in sync.<br />
Whilst dragging the indicator the detailed view may be continuously<br />
updated ([[Smooth Transitions]]). Alternatively the detailed view may<br />
only update when the mouse button is released, in which case<br />
[[Teleportation]] is often an option.<br />
<br />
== Examples ==<br />
* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line<br />
Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref><br />
[[Image:navbox.png|150px|thumb|Navigation Box (in red)]]<br />
* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and<br />
Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref><br />
[[Image:navbox2.png|150px|thumb|Navigation Box (in red)]]<br />
<br />
== Related Patterns ==<br />
* [[Smooth Transitions]]<br />
* [[Teleportation]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Smooth_Transitions&diff=17172Patterns:Smooth Transitions2007-10-13T13:11:45Z<p>Thatbrock: /* Solution */</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The data is represented in such a way that the entire dataset cannot be<br />
viewed at one time. However, the user has a mechanism for spatial<br />
movement from one part of the dataset to another. Alternatively a large<br />
number of data items captured frequently over a period of time are being<br />
viewed using animation.<br />
<br />
== Problem ==<br />
How to maintain the users context when travelling through the data<br />
space.<br />
<br />
== Forces ==<br />
* Need to maintain context in data space.<br />
* Moving from one part of the dataset to another.<br />
* Looking for changes in data over time.<br />
<br />
== Solution ==<br />
'''Use smooth animation and motion. This is especially true for temporal data.'''<br />
<br />
Animation or motion is an effective means of representing data that has<br />
some temporal aspect. The most important consideration when using this<br />
technique is to make the transition from one state to another as smooth<br />
as possible. Animation or motion that produces a large change of state<br />
distracts the user from the information and may cause important features<br />
to be missed. Large jumps from one location in a 3D environment to<br />
another may cause the user to become disoriented a smooth transition<br />
helps them to maintain their context in the environment. If possible the<br />
user should be able to control the rate of change and direction of the<br />
animation, this may allow them to rapidly and accurately explore the<br />
data.<br />
<br />
There are arguments for not using smooth animation or motion. If the<br />
task is to monitor data that may change only gradually over long periods<br />
of time, then using large discrete time steps may help the user to identify<br />
significant changes in the data. This implies that the application of this<br />
pattern may be task dependent.<br />
<br />
== Examples ==<br />
* Brath <ref>Brath, R. (1999) Effective Information Visualization : Guidelines and Metrics for 3D<br />
Interactive Representations of Business Data. Masters of Computer Science Thesis, Graduate<br />
Department of Computer Science, University of Toronto, Canada.</ref><br />
Note it is difficult to find examples since researchers tend not to describe<br />
the rate at which transitions occur.<br />
<br />
== Related Patterns ==<br />
<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Smooth_Transitions&diff=17171Patterns:Smooth Transitions2007-10-13T13:10:33Z<p>Thatbrock: Created page</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The data is represented in such a way that the entire dataset cannot be<br />
viewed at one time. However, the user has a mechanism for spatial<br />
movement from one part of the dataset to another. Alternatively a large<br />
number of data items captured frequently over a period of time are being<br />
viewed using animation.<br />
<br />
== Problem ==<br />
How to maintain the users context when travelling through the data<br />
space.<br />
<br />
== Forces ==<br />
* Need to maintain context in data space.<br />
* Moving from one part of the dataset to another.<br />
* Looking for changes in data over time.<br />
<br />
== Solution ==<br />
'''Use smooth animation and motion. This is especially true for<br />
temporal data.'''<br />
<br />
Animation or motion is an effective means of representing data that has<br />
some temporal aspect. The most important consideration when using this<br />
technique is to make the transition from one state to another as smooth<br />
as possible. Animation or motion that produces a large change of state<br />
distracts the user from the information and may cause important features<br />
to be missed. Large jumps from one location in a 3D environment to<br />
another may cause the user to become disoriented a smooth transition<br />
helps them to maintain their context in the environment. If possible the<br />
user should be able to control the rate of change and direction of the<br />
animation, this may allow them to rapidly and accurately explore the<br />
data.<br />
<br />
There are arguments for not using smooth animation or motion. If the<br />
task is to monitor data that may change only gradually over long periods<br />
of time, then using large discrete time steps may help the user to identify<br />
significant changes in the data. This implies that the application of this<br />
pattern may be task dependent.<br />
<br />
== Examples ==<br />
* Brath <ref>Brath, R. (1999) Effective Information Visualization : Guidelines and Metrics for 3D<br />
Interactive Representations of Business Data. Masters of Computer Science Thesis, Graduate<br />
Department of Computer Science, University of Toronto, Canada.</ref><br />
Note it is difficult to find examples since researchers tend not to describe<br />
the rate at which transitions occur.<br />
<br />
== Related Patterns ==<br />
<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Details-on-demand&diff=17165Patterns:Details-on-demand2007-10-09T12:56:37Z<p>Thatbrock: Created page</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
Data items presented with detailed information hidden.<br />
<br />
== Problem ==<br />
How to show the user details about a specific item or items of interest.<br />
<br />
== Forces ==<br />
* Lack of screen space.<br />
* Need to see specific data attribute values, i.e. text labels.<br />
* Permanent display of details about items.<br />
<br />
== Solution ==<br />
'''Use a separate window to display item details.'''<br />
<br />
A visualisation should allow the user to view data item attribute<br />
values. [[Datatips]] can be used to show a temporary details on demand<br />
window. The advantages of the datatips technique are that no mouse<br />
clicks are required, just pointing, and since the window is temporary it<br />
only interferes with the display for a short time. Both Brath <ref>Brath, R. (1999) Effective Information Visualization : Guidelines and Metrics for 3D Interactive Representations of Business Data. Masters of Computer Science Thesis, Graduate Department of Computer Science, University of Toronto, Canada.</ref> and Eick <ref>Eick, S.G. (1995). Engineering Perceptually Effective Visualizations for Abstract Data. In: Nielson, G.M., Hagen, H., Muller, H. eds. Scientific Visualization Overviews, Methodologies and Techniques. USA: IEEE Computer Science Press. pp 191-210.</ref> recommend this approach.<br />
<br />
An alternative is to display the details in a completely separate window.<br />
This more permanent window is useful if the details need to be<br />
frequently referred to but at the cost of increasing screen clutter. So far,<br />
a mechanism for converting the popup window into a separate<br />
permanent window has not been described but this may be a useful<br />
feature.<br />
<br />
== Examples ==<br />
[[Image:Snap_together.png|150px|thumb|Snap Together Visualization]]<br />
[[Image:filmfinder.png|150px|thumb|Film Finder]]<br />
* Snap Together Visualisation <ref>North, C., Shneiderman, B. (1999a). Snap-Together Visualization: Coordinating Multiple Views to Explore Information. University of Maryland Computer Science Dept. Technical Report; #CS-TR-4020.</ref><ref>North, C., Shneiderman, B. (1999b). Snap-Together Visualization: Evaluating Coordination Usage and Construction. University of Maryland Computer Science Dept. Technical Report;#CS-TR-4075.</ref><ref>North, C., Shneiderman, B. (2000). Snap-Together Visualization: A User Interface for Coordinating Visualizations via Relational Schemata. In: Advanced Visual Interfaces ’00. Palermo, Italy, 23-26 May 2000. pp 128-135.</ref><br />
* Windows(TM) Explorer<br />
* FilmFinder <ref>Ahlberg, C., Shneiderman, B. (1994). Visual information seeking: tight coupling of dynamic query filters with starfield displays. In: Human Factors and Computing Systems. Boston, USA, 24-28 April 1994. pp 313-317.</ref><br />
<br />
== Related Patterns ==<br />
* [[Datatips]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=File:Snap_together.png&diff=17164File:Snap together.png2007-10-09T12:54:07Z<p>Thatbrock: New page: == Summary == == Copyright status == == Source ==</p>
<hr />
<div>== Summary ==<br />
<br />
== Copyright status ==<br />
<br />
== Source ==</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Direct_Manipulation&diff=17163Patterns:Direct Manipulation2007-10-09T12:42:49Z<p>Thatbrock: Created page</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The parameter values for a particular task are ill defined. Direct interaction with visual objects in the display is possible.<br />
<br />
== Problem ==<br />
How to explore the dataset.<br />
<br />
== Forces ==<br />
* Need to explore and manipulate dataset.<br />
* Task types include selection, filtering, and navigating.<br />
<br />
== Solution ==<br />
'''Use direct manipulation style interaction. Allow the user to select and manipulate objects directly in the scene.'''<br />
<br />
[[Dynamic queries]] are an excellent mechanism for providing rapid, easily<br />
reversible actions on the scene. However, sometimes it is difficult or less<br />
intuitive to map an action onto a control. Instead the action should be<br />
applied directly to the object or objects in the scene. Selecting objects by<br />
using a bounding box is a good example. The classification that the user<br />
has determined by looking at the objects may be difficult to describe in<br />
terms of the values of those object’s attributes and therefore difficult to<br />
set the associated controls correctly. However, by using a bounding box<br />
or by clicking on individual items, the user can easily select the desired<br />
set.<br />
<br />
During our daily routines we often pick up objects, move them, rotate<br />
them, and so on. Using direct manipulation in a display more closely<br />
matches our everyday experiences.<br />
== Examples ==<br />
* Selective Dynamic Manipulation <ref>Chuah et al. (1995). SDM: Selective Dynamic Manipulation of Visualizations. In: The 8th<br />
ACM Symposium on User interface and Software Technology. Pittsburgh, Pennsylvania, USA, 15-17 November 1995. pp 61-70.</ref><br />
* Brath <ref>Brath, R. (1999) Effective Information Visualization : Guidelines and Metrics for 3D<br />
Interactive Representations of Business Data. Masters of Computer Science Thesis, Graduate<br />
Department of Computer Science, University of Toronto, Canada.</ref><br />
<br />
== Related Patterns ==<br />
<br />
== References ==<br />
<references/><br />
<br />
See also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=File:Navbox2.png&diff=17162File:Navbox2.png2007-10-09T12:36:45Z<p>Thatbrock: New page: == Summary == == Copyright status == == Source ==</p>
<hr />
<div>== Summary ==<br />
<br />
== Copyright status ==<br />
<br />
== Source ==</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Navigation_Box&diff=17161Patterns:Navigation Box2007-10-09T12:36:37Z<p>Thatbrock: /* Examples */ added nav box 2</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The display consists of an Overview and Detail.<br />
<br />
== Problem ==<br />
How to allow the user to navigate the data space via the overview.<br />
<br />
== Forces ==<br />
* A simple mechanism for altering the contents of the detailed view.<br />
* Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data.<br />
== Solution ==<br />
'''Place a moveable location indicator within the overview.'''<br />
<br />
There should be a visual location indicator in the overview. Often this is<br />
simply a rectangle that represents both the location and area of the<br />
dataset being viewed. The user can then click and drag this indicator to<br />
the desired location and the contents of the detailed view should be<br />
updated accordingly. Similarly if the contents of the detailed view can<br />
be altered by some other means e.g. scrollbars, then the location<br />
indicator in the overview should be moved to reflect this change. In this<br />
way the location indicator and the detailed view are kept in sync.<br />
Whilst dragging the indicator the detailed view may be continuously<br />
updated (Smooth Transitions). Alternatively the detailed view may<br />
only update when the mouse button is released, in which case<br />
Teleportation is often an option.<br />
== Examples ==<br />
* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line<br />
Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref><br />
[[Image:navbox.png|150px|thumb|Navigation Box (in red)]]<br />
* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and<br />
Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref><br />
[[Image:navbox2.png|150px|thumb|Navigation Box (in red)]]<br />
<br />
== Related Patterns ==<br />
* [[Smooth Transitions]]<br />
* [[Teleportation]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Navigation_Box&diff=17160Patterns:Navigation Box2007-10-09T12:33:51Z<p>Thatbrock: /* Examples */</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The display consists of an Overview and Detail.<br />
<br />
== Problem ==<br />
How to allow the user to navigate the data space via the overview.<br />
<br />
== Forces ==<br />
* A simple mechanism for altering the contents of the detailed view.<br />
* Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data.<br />
== Solution ==<br />
'''Place a moveable location indicator within the overview.'''<br />
<br />
There should be a visual location indicator in the overview. Often this is<br />
simply a rectangle that represents both the location and area of the<br />
dataset being viewed. The user can then click and drag this indicator to<br />
the desired location and the contents of the detailed view should be<br />
updated accordingly. Similarly if the contents of the detailed view can<br />
be altered by some other means e.g. scrollbars, then the location<br />
indicator in the overview should be moved to reflect this change. In this<br />
way the location indicator and the detailed view are kept in sync.<br />
Whilst dragging the indicator the detailed view may be continuously<br />
updated (Smooth Transitions). Alternatively the detailed view may<br />
only update when the mouse button is released, in which case<br />
Teleportation is often an option.<br />
== Examples ==<br />
* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line<br />
Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref><br />
[[Image:navbox.png|150px|thumb|Navigation Box (in red)]]<br />
* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and<br />
Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref><br />
<br />
== Related Patterns ==<br />
* [[Smooth Transitions]]<br />
* [[Teleportation]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Navigation_Box&diff=17159Patterns:Navigation Box2007-10-09T12:33:01Z<p>Thatbrock: /* Examples */</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The display consists of an Overview and Detail.<br />
<br />
== Problem ==<br />
How to allow the user to navigate the data space via the overview.<br />
<br />
== Forces ==<br />
* A simple mechanism for altering the contents of the detailed view.<br />
* Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data.<br />
== Solution ==<br />
'''Place a moveable location indicator within the overview.'''<br />
<br />
There should be a visual location indicator in the overview. Often this is<br />
simply a rectangle that represents both the location and area of the<br />
dataset being viewed. The user can then click and drag this indicator to<br />
the desired location and the contents of the detailed view should be<br />
updated accordingly. Similarly if the contents of the detailed view can<br />
be altered by some other means e.g. scrollbars, then the location<br />
indicator in the overview should be moved to reflect this change. In this<br />
way the location indicator and the detailed view are kept in sync.<br />
Whilst dragging the indicator the detailed view may be continuously<br />
updated (Smooth Transitions). Alternatively the detailed view may<br />
only update when the mouse button is released, in which case<br />
Teleportation is often an option.<br />
== Examples ==<br />
* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line<br />
Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref><br />
[[Image:navbox.png|150px|thumb|Navigation Box]]<br />
* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and<br />
Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref><br />
<br />
== Related Patterns ==<br />
* [[Smooth Transitions]]<br />
* [[Teleportation]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=File:Navbox.png&diff=17158File:Navbox.png2007-10-09T12:32:30Z<p>Thatbrock: New page: == Summary == == Copyright status == == Source ==</p>
<hr />
<div>== Summary ==<br />
<br />
== Copyright status ==<br />
<br />
== Source ==</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Navigation_Box&diff=17157Patterns:Navigation Box2007-10-09T12:32:10Z<p>Thatbrock: Created page</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The display consists of an Overview and Detail.<br />
<br />
== Problem ==<br />
How to allow the user to navigate the data space via the overview.<br />
<br />
== Forces ==<br />
* A simple mechanism for altering the contents of the detailed view.<br />
* Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data.<br />
== Solution ==<br />
'''Place a moveable location indicator within the overview.'''<br />
<br />
There should be a visual location indicator in the overview. Often this is<br />
simply a rectangle that represents both the location and area of the<br />
dataset being viewed. The user can then click and drag this indicator to<br />
the desired location and the contents of the detailed view should be<br />
updated accordingly. Similarly if the contents of the detailed view can<br />
be altered by some other means e.g. scrollbars, then the location<br />
indicator in the overview should be moved to reflect this change. In this<br />
way the location indicator and the detailed view are kept in sync.<br />
Whilst dragging the indicator the detailed view may be continuously<br />
updated (Smooth Transitions). Alternatively the detailed view may<br />
only update when the mouse button is released, in which case<br />
Teleportation is often an option.<br />
== Examples ==<br />
* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line<br />
Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref><br />
[[Image:navbox.png|150px|thumb|Film Finder]]<br />
* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and<br />
Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref><br />
<br />
== Related Patterns ==<br />
* [[Smooth Transitions]]<br />
* [[Teleportation]]<br />
<br />
== References ==<br />
<references/><br />
<br />
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Navigation_Box&diff=17156Patterns:Navigation Box2007-10-09T12:21:09Z<p>Thatbrock: Created page</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
<br />
== Problem ==<br />
<br />
== Forces ==<br />
<br />
== Solution ==<br />
'''Solution goes here, in bold'''<br />
<br />
== Examples ==<br />
<br />
<br />
== Related Patterns ==<br />
<br />
== References ==<br />
Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=File:Filmfinder.png&diff=17130File:Filmfinder.png2007-10-05T16:58:50Z<p>Thatbrock: New page: == Summary == == Copyright status == == Source ==</p>
<hr />
<div>== Summary ==<br />
<br />
== Copyright status ==<br />
<br />
== Source ==</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=File:Reference_model.png&diff=17129File:Reference model.png2007-10-05T16:58:15Z<p>Thatbrock: New page: == Summary == == Copyright status == == Source ==</p>
<hr />
<div>== Summary ==<br />
<br />
== Copyright status ==<br />
<br />
== Source ==</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Reference_Model&diff=17128Patterns:Reference Model2007-10-05T16:57:41Z<p>Thatbrock: </p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
<br />
<br />
== Category ==<br />
Data Modelling and Management<br />
<br />
== Context ==<br />
<br />
== Problem ==<br />
Information visualization application development requires balancing issues of data management, visual mappings, computer graphics, and interaction. Determining the right separation of concerns has serious consequences for the complexity, extensibility, and reusability of software architectures. The Reference Model pattern provides a general template for structuring visualization applications that separates data models, visual models, views, and<br />
interactive controls.<br />
== Forces ==<br />
<br />
== Solution ==<br />
'''Separate data and visual models to enable multiple visualizations of a data source, separate visual models from displays to enable multiple views of a visualization, and use modular controllers to handle user input in a flexible and reusable fashion.'''<br />
<br />
[[Image:Reference model.png]]<br />
<br />
== Examples ==<br />
The Reference Model pattern has been widely used and advocated. Both Chi et al’s data state model <ref>Chi, E. H., J. T. Riedl. An Operator Interaction Framework for Visualization Systems. IEEE Symposium on Information Visualization (InfoVis), 1998.</ref> and Card et al’s infovis reference model <ref>Card, S. K., J. D. Mackinlay, B. Schneiderman (eds.). Readings in Information Visualization: Using Vision To Think. Morgan-Kaufman, 1999.</ref> proscribe the use of this pattern. In their exploration of design choices for architecting visualizations, Tang et al. <ref>Tang, D., C. Stolte, and P. Hanrahan. Design Choices when Architecting Visualizations. IEEE Symposium on Information Visualization (InfoVis), 2003. </ref> also discuss the importance of separating data and visual models. Finally, numerous software frameworks adopt this template<br />
of application structure, including Advizor <ref>Eick, S. G. Visual Discovery and Analysis. IEEE Transactions on Visualization and Computer Graphics, 6(10). January 2000.</ref>, Improvise <ref>Weaver, C. Building Highly-Coordinated Visualizations In Improvise.<br />
IEEE Symposium on Information Visualization (InfoVis), 2004.</ref>,<br />
Polaris <ref> Stolte, C., D. Tang, and P. Hanrahan. Polaris: A System for Query,<br />
Analysis and Visualization of Multi-dimensional Relational Databases.<br />
IEEE Transactions on Visualization and Computer Graphics, 8(1),<br />
January 2002.</ref>, <ref> Stolte, C., D. Tang, and P. Hanrahan. Multiscale Visualization Using<br />
Data Cubes. IEEE Symposium on Information Visualization (InfoVis),<br />
2002. </ref>, prefuse <ref>Heer, J., S. K. Card, J. A. Landay. prefuse: A Toolkit for Interactive Information Visualization. ACM Human Factors in Computing Systems<br />
(CHI), 2005. </ref>, and SAS/JMP <ref> Chen, H. Towards Design Patterns for Dynamic Analytical Data Visualization. Proceedings Of SPIE Visualization and Data Analysis,<br />
2004.</ref>.<br />
<br />
== Related Patterns ==<br />
<br />
== References ==<br />
<div class="references-small"> <references/> </div><br />
<br />
See also: Heer, J., and Agrawala, M., (2003). “Software Design Patterns for Information Visualization”. IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, VOL. 12, NO. 5, SEPTEMBER/OCTOBER 2006.<br />
<br />
[[Category:Patterns]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Reference_Model&diff=17127Patterns:Reference Model2007-10-05T16:56:24Z<p>Thatbrock: added category tag</p>
<hr />
<div>Editing Patterns:Reference Model<br />
From VizPatterns<br />
Jump to: navigation, search<br />
Bold textItalic textInternal linkExternal link (remember http:// prefix)Level 2 headlineEmbedded imageMedia file linkMathematical formula (LaTeX)Ignore wiki formattingYour signature with timestampHorizontal line (use sparingly)<br />
{| align="right" | __TOC__ |} == Summary == == Category == Data Modelling and Management == Context == == Problem == Information visualization application development requires balancing issues of data management, visual mappings, computer graphics, and interaction. Determining the right separation of concerns has serious consequences for the complexity, extensibility, and reusability of software architectures. The Reference Model pattern provides a general template for structuring visualization applications that separates data models, visual models, views, and interactive controls. == Forces == == Solution == '''Separate data and visual models to enable multiple visualizations of a data source, separate visual models from displays to enable multiple views of a visualization, and use modular controllers to handle user input in a flexible and reusable fashion.''' [[Image:Reference model.png]] == Examples == The Reference Model pattern has been widely used and advocated. Both Chi et al’s data state model <ref>Chi, E. H., J. T. Riedl. An Operator Interaction Framework for Visualization Systems. IEEE Symposium on Information Visualization (InfoVis), 1998.</ref> and Card et al’s infovis reference model <ref>Card, S. K., J. D. Mackinlay, B. Schneiderman (eds.). Readings in Information Visualization: Using Vision To Think. Morgan-Kaufman, 1999.</ref> proscribe the use of this pattern. In their exploration of design choices for architecting visualizations, Tang et al. <ref>Tang, D., C. Stolte, and P. Hanrahan. Design Choices when Architecting Visualizations. IEEE Symposium on Information Visualization (InfoVis), 2003. </ref> also discuss the importance of separating data and visual models. Finally, numerous software frameworks adopt this template of application structure, including Advizor <ref>Eick, S. G. Visual Discovery and Analysis. IEEE Transactions on Visualization and Computer Graphics, 6(10). January 2000.</ref>, Improvise <ref>Weaver, C. Building Highly-Coordinated Visualizations In Improvise. IEEE Symposium on Information Visualization (InfoVis), 2004.</ref>, Polaris <ref> Stolte, C., D. Tang, and P. Hanrahan. Polaris: A System for Query, Analysis and Visualization of Multi-dimensional Relational Databases. IEEE Transactions on Visualization and Computer Graphics, 8(1), January 2002.</ref>, <ref> Stolte, C., D. Tang, and P. Hanrahan. Multiscale Visualization Using Data Cubes. IEEE Symposium on Information Visualization (InfoVis), 2002. </ref>, prefuse <ref>Heer, J., S. K. Card, J. A. Landay. prefuse: A Toolkit for Interactive Information Visualization. ACM Human Factors in Computing Systems (CHI), 2005. </ref>, and SAS/JMP <ref> Chen, H. Towards Design Patterns for Dynamic Analytical Data Visualization. Proceedings Of SPIE Visualization and Data Analysis, 2004.</ref>. == Related Patterns == == References == <div class="references-small"> <references/> </div> See also: Heer, J., and Agrawala, M., (2003). “Software Design Patterns for Information Visualization”. IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, VOL. 12, NO. 5, SEPTEMBER/OCTOBER 2006.<br />
<br />
Please note that all contributions to VizPatterns may be edited, altered, or removed by other contributors. If you don't want your writing to be edited mercilessly, then don't submit it here.<br />
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see Project:Copyrights for details). DO NOT SUBMIT COPYRIGHTED WORK WITHOUT PERMISSION!<br />
Summary:<br />
<br />
This is a minor edit Watch this page<br />
Cancel | Editing help (opens in new window)<br />
Retrieved from "http://vizpatterns.org/wiki/index.php?title=Patterns:Reference_Model"<br />
Views<br />
<br />
* Patterns<br />
* Discussion<br />
* Edit<br />
* History<br />
* Protect<br />
* Delete<br />
* Move<br />
* Watch<br />
<br />
Personal tools<br />
<br />
* WikiSysop<br />
* My talk<br />
* My preferences<br />
* My watchlist<br />
* My contributions<br />
* Log out<br />
<br />
Navigation<br />
<br />
* Main Page<br />
* Visualization Patterns<br />
* Recent changes<br />
* Random page<br />
* Help<br />
* FAQ<br />
<br />
useful links<br />
<br />
* Community portal<br />
* InfoVis Wiki<br />
<br />
Search<br />
<br />
Toolbox<br />
<br />
* What links here<br />
* Related changes<br />
* Upload file<br />
* Special pages<br />
<br />
Powered by MediaWiki<br />
<br />
* Privacy policy<br />
* About VizPatterns<br />
* Disclaimers<br />
<br />
[[Category:Patterns]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Patterns:Filter&diff=17126Patterns:Filter2007-10-05T16:50:52Z<p>Thatbrock: Created page</p>
<hr />
<div>{| align="right"<br />
| __TOC__<br />
|}<br />
== Summary ==<br />
A need to reduce the number of visual objects displayed on the screen or to assist the user in finding and focusing on specific items of interest.<br />
<br />
== Category ==<br />
Interaction<br />
<br />
== Context ==<br />
The current view displays items that may be irrelevant to the user's current task.<br />
<br />
== Problem ==<br />
How to reduce the number of visual objects displayed or assist the user<br />
in finding and focusing on specific items of interest.<br />
<br />
== Forces ==<br />
* Need to find specific items<br />
* May need to maintain the context of those items found<br />
* Large number of items in view, many of which are irrelevant to the current task<br />
== Solution ==<br />
'''Filter out some of the displayed items.'''<br />
<br />
Filtering facilities can help to reduce the number of data items<br />
displayed to those of specific interest to the user and their current task.<br />
This helps to reduce the visual complexity of the display. Typically<br />
widgets such as sliders, buttons, menus, etc., are attached to different<br />
attributes of the data. Manipulating these controls to specify the desired<br />
attribute values should cause a rapid update of the main display. This<br />
relates to [[Patterns:Dynamic Queries|Dynamic Queries]]. The choice of which attributes to allow the<br />
user to filter by may be determined from the task analysis stage.<br />
One potential problem with filtering is that because items are removed<br />
from the display, the context of the remaining items may be lost. One<br />
solution is to change a visual feature of the surviving items e.g. colour,<br />
rather than removing those that don’t pass the filter. In effect making the<br />
relevant items more salient. This means that the surviving items context<br />
is preserved but the visual complexity of the display stays high. In<br />
addition altering a visual feature in such a way may alter or lose the<br />
meaning of the associated data value.<br />
<br />
== Examples ==<br />
* Film Finder<ref>Ahlberg, C., Shneiderman, B. (1994). Visual information seeking: tight coupling of dynamic<br />
query filters with starfield displays. In: Human Factors and Computing Systems. Boston,<br />
USA, 24-28 April 1994. pp 313-317.</ref><br />
[[Image:filmfinder.png|150px|thumb|Film Finder]]<br />
* [http://www.cs.umd.edu/hcil/lifelines/ LifeLines]<ref>Plaisant, C. et al. (1996). LifeLines : Visualizing Personal Histories. In: Conference on<br />
Human Factors in Computing Systems. Vancouver, British Columbia, Canada, 13-18 April<br />
1996. pp 221-227.</ref><br />
<br />
== Related Patterns ==<br />
* [[Context-Maintained Filer]]<br />
* [[Reduction Filter]]<br />
* [[Dynamic Queries]]<br />
== References ==<br />
<references/><br />
<br />
See also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.<br />
<br />
<br />
[[Category:Patterns]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Visualization_Design_Patterns&diff=17125Visualization Design Patterns2007-10-05T15:28:24Z<p>Thatbrock: added category tag</p>
<hr />
<div>== Overview ==<br />
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. <br />
<br />
== Foundational Patterns ==<br />
<br />
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.<br />
<br />
=== '''Visualization Architecture''' ===<br />
* [[Patterns:Visualization|Visualization]]<br />
<br />
=== '''Interaction Patterns''' ===<br />
<br />
* [[Patterns:Direct Manipulation|Direct Manipulation]]<br />
* [[Patterns:Navigation|Navigation]]<br />
* [[Patterns:Smooth Transitions|Smooth Transitions]]<br />
* [[Patterns:Spatial Navigation|Spatial Navigation]]<br />
* [[Patterns:Overview|Overview]]<br />
* [[Patterns:Filter|Filter]]<br />
* [[Patterns:Details-on-demand|Details-on-demand]]<br />
* [[Patterns:Dynamic Queries|Dynamic Queries]]<br />
* [[Patterns:Direct Manipulation|Direct Manipulation]]<br />
* [[Patterns:Single Direct Selection|Single Direct Selection]]<br />
* [[Patterns:Multiple Direct Selection|Multiple Direct Selection]]<br />
* [[Patterns:Bounding Box|Bounding Box]]<br />
* [[Patterns:Single Direct Selection+Keyboard|Single Direct Selection+Keyboard]]<br />
* [[Patterns:Bounding Box+Keyboard|Bounding Box+Keyboard]]<br />
* [[Patterns:Context-maintained Filter|Context-maintained Filter]]<br />
* [[Patterns:Reduction Filter|Reduction Filter]]<br />
* [[Patterns:2D Navigational Model|2D Navigational Model]]<br />
* [[Patterns:3D Navigational Model|3D Navigational Model]]<br />
* [[Patterns:Click-n-Drag|Click-n-Drag]]<br />
* [[Patterns:NAFS Model|NAFS Model]]<br />
* [[Patterns:Teleportation|Teleportation]]<br />
* [[Patterns:Navigation Box|Navigation Box]]<br />
<br />
=== '''Display Rendering Patterns''' ===<br />
<br />
* [[Patterns:Appropriate Visual Objects|Appropriate Visual Objects]]<br />
* [[Patterns:Level of Detail|Level of Detail]]<br />
* [[Patterns:2d Representation|2d Representation]]<br />
* [[Patterns:3d Representation|3d Representation]]<br />
* [[Patterns:Reference Context|Reference Context]]<br />
* [[Patterns:Redundant Encoding|Redundant Encoding]]<br />
* [[Patterns:Small Multiples|Small Multiples]]<br />
* [[Patterns:Datatips|Datatips]]<br />
* [[Patterns:Legends|Legends]]<br />
* [[Patterns:Visual Separation|Visual Separation]]<br />
* [[Patterns:Familiar Organizational Device|Familiar Organizational Device]]<br />
* [[Patterns:Non-Familiar Organizational Device|Non-Familiar Organizational Device]]<br />
<br />
== Programming Patterns ==<br />
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.<br />
=== Data Modelling and Management ===<br />
* [[Patterns:Reference Model|Reference Model]]<br />
* [[Patterns:Data Column|Data Column]]<br />
* [[Patterns:Cascaded Table|Cascaded Table]]<br />
* [[Patterns:Relational Graph|Relational Graph]]<br />
* [[Patterns:Proxy Tuple|Proxy Tuple]]<br />
* [[Patterns:Expression|Expression]]<br />
=== View ===<br />
* [[Patterns:Camera|Camera]]<br />
* [[Patterns:Dynamic Query Binding|Dynamic Query Binding]]<br />
=== Controller ===<br />
* [[Patterns:Scheduler|Scheduler]]<br />
* [[Patterns:Operator|Operator]]<br />
* [[Renderer]]<br />
* [[Production Rule]]<br />
<br />
== Development Patterns ==<br />
These patterns relate to the systems development lifecycle and to the activities involved in implementing and testing software.<br />
=== Diagnosis ===<br />
For techniques used during the design process to evaluate coding and design-time decisions.<br />
=== Evaluation and Testing ===<br />
Quality Assurance, Evaluation, and Usability testing methods to close the feedback loop during the development lifecycle.<br />
<br />
[[Category:Patterns]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Visualization_Design_Patterns&diff=17124Visualization Design Patterns2007-10-05T15:27:11Z<p>Thatbrock: Created page</p>
<hr />
<div>== Overview ==<br />
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. <br />
<br />
== Foundational Patterns ==<br />
<br />
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.<br />
<br />
=== '''Visualization Architecture''' ===<br />
* [[Patterns:Visualization|Visualization]]<br />
<br />
=== '''Interaction Patterns''' ===<br />
<br />
* [[Patterns:Direct Manipulation|Direct Manipulation]]<br />
* [[Patterns:Navigation|Navigation]]<br />
* [[Patterns:Smooth Transitions|Smooth Transitions]]<br />
* [[Patterns:Spatial Navigation|Spatial Navigation]]<br />
* [[Patterns:Overview|Overview]]<br />
* [[Patterns:Filter|Filter]]<br />
* [[Patterns:Details-on-demand|Details-on-demand]]<br />
* [[Patterns:Dynamic Queries|Dynamic Queries]]<br />
* [[Patterns:Direct Manipulation|Direct Manipulation]]<br />
* [[Patterns:Single Direct Selection|Single Direct Selection]]<br />
* [[Patterns:Multiple Direct Selection|Multiple Direct Selection]]<br />
* [[Patterns:Bounding Box|Bounding Box]]<br />
* [[Patterns:Single Direct Selection+Keyboard|Single Direct Selection+Keyboard]]<br />
* [[Patterns:Bounding Box+Keyboard|Bounding Box+Keyboard]]<br />
* [[Patterns:Context-maintained Filter|Context-maintained Filter]]<br />
* [[Patterns:Reduction Filter|Reduction Filter]]<br />
* [[Patterns:2D Navigational Model|2D Navigational Model]]<br />
* [[Patterns:3D Navigational Model|3D Navigational Model]]<br />
* [[Patterns:Click-n-Drag|Click-n-Drag]]<br />
* [[Patterns:NAFS Model|NAFS Model]]<br />
* [[Patterns:Teleportation|Teleportation]]<br />
* [[Patterns:Navigation Box|Navigation Box]]<br />
<br />
=== '''Display Rendering Patterns''' ===<br />
<br />
* [[Patterns:Appropriate Visual Objects|Appropriate Visual Objects]]<br />
* [[Patterns:Level of Detail|Level of Detail]]<br />
* [[Patterns:2d Representation|2d Representation]]<br />
* [[Patterns:3d Representation|3d Representation]]<br />
* [[Patterns:Reference Context|Reference Context]]<br />
* [[Patterns:Redundant Encoding|Redundant Encoding]]<br />
* [[Patterns:Small Multiples|Small Multiples]]<br />
* [[Patterns:Datatips|Datatips]]<br />
* [[Patterns:Legends|Legends]]<br />
* [[Patterns:Visual Separation|Visual Separation]]<br />
* [[Patterns:Familiar Organizational Device|Familiar Organizational Device]]<br />
* [[Patterns:Non-Familiar Organizational Device|Non-Familiar Organizational Device]]<br />
<br />
== Programming Patterns ==<br />
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.<br />
=== Data Modelling and Management ===<br />
* [[Patterns:Reference Model|Reference Model]]<br />
* [[Patterns:Data Column|Data Column]]<br />
* [[Patterns:Cascaded Table|Cascaded Table]]<br />
* [[Patterns:Relational Graph|Relational Graph]]<br />
* [[Patterns:Proxy Tuple|Proxy Tuple]]<br />
* [[Patterns:Expression|Expression]]<br />
=== View ===<br />
* [[Patterns:Camera|Camera]]<br />
* [[Patterns:Dynamic Query Binding|Dynamic Query Binding]]<br />
=== Controller ===<br />
* [[Patterns:Scheduler|Scheduler]]<br />
* [[Patterns:Operator|Operator]]<br />
* [[Renderer]]<br />
* [[Production Rule]]<br />
<br />
== Development Patterns ==<br />
These patterns relate to the systems development lifecycle and to the activities involved in implementing and testing software.<br />
=== Diagnosis ===<br />
For techniques used during the design process to evaluate coding and design-time decisions.<br />
=== Evaluation and Testing ===<br />
Quality Assurance, Evaluation, and Usability testing methods to close the feedback loop during the development lifecycle.</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=2007-09-20:_VizPatterns.org_Wiki_announces_a_new_resource_for_Visualization_Design_Patterns&diff=171092007-09-20: VizPatterns.org Wiki announces a new resource for Visualization Design Patterns2007-09-20T20:00:23Z<p>Thatbrock: </p>
<hr />
<div>A new wiki has been created as a repository for visualization design patterns. The purpose is to share and refine design patterns besed on the knowledge and expertise of seasoned visualisation designers. You are invited to share and contribute to the wiki.<br />
<br />
This resource is newly under development and is not yet mature, but your contributions can make it better!<br />
<br />
Go to: [http://www.vizpatterns.org Vizpatterns.org] to examine the site and register!<br />
<br />
[[Category:News]]<br />
[[Category:2007/09]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=2007-09-20:_VizPatterns.org_Wiki_announces_a_new_resource_for_Visualization_Design_Patterns&diff=171082007-09-20: VizPatterns.org Wiki announces a new resource for Visualization Design Patterns2007-09-20T19:59:52Z<p>Thatbrock: Created page</p>
<hr />
<div>A new wiki has been created as a repository for visualization design patterns. The purpose is to share and refine design patterns besed on the knowledge and expertise of seasoned visualisation designers. You are invited to share and contribute to the wiki.<br />
<br />
This resources is newly under development and is not yet mature, but your contributions can make it better!<br />
<br />
Go to: [http://www.vizpatterns.org Vizpatterns.org] to examine the site and register!<br />
<br />
[[Category:News]]<br />
[[Category:2007/09]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Template:News&diff=17107Template:News2007-09-20T19:59:02Z<p>Thatbrock: </p>
<hr />
<div><!-- Start new stories below, newest at top! Keep in mind to write an article in the News-Category for every topic using the corresponding headline as title and link it here. --><br />
<!-- HOW TO ENTER NEWS: --><br />
<!-- --><br />
<!-- 1) Insert a story headline below (including the current date). --><br />
<!-- Format: --><br />
<!-- *[[2YEAR-MONTH-DATE: TITLE]] --><br />
<!-- Example: *[[2005-06-20: InfoVis:Wiki upgrades to MediaWiki 1.4.5]] --><br />
<!-- 2) "Save page" --><br />
<!-- 3) Click newly created Wiki link (red) and edit the text of your entry --><br />
<!-- 4) Assign TWO categories to your entry (News + Archive) --><br />
<!-- 4.1) [[Category:News]] (without this, it won't appear in the RSS feed) --><br />
<!-- 4.2) [[Category:YEAR/MONTH]] (this is important for the archive) --> <br />
<!-- Example: [[Category:2005/06]] --><br />
<br />
*[[2007-09-20: VizPatterns.org Wiki announces a new resource for Visualization Design Patterns]]<br />
*[[2005-09-18: IEEE OnAV08 Call for Papers (Intl. Workshop on Ontology Alignment and Visualization)]]<br />
*[[2007-09-12: InfoVis:Wiki RSS feeds now working properly!]]<br />
*[[2007-09-11: IEEE CG&A Call for Papers - Special issue on "Mobile Graphics", July-August 2008]]<br />
*[[2007-09-10: Post-doc job offer in "Visual Analytics" at INRIA / Paris, France]]<br />
*[[2007-09-07: System upgrade and new server for the InfoVis:Wiki]]<br />
*[[2007-09-05: Job Offer: KTP associate in Information Visualisation (Oxford, UK)]]<br />
*[[2007-08-31: InfoVis:Wiki will be upgraded and moved during the upcoming week]]<br />
*[[2007-08-30: InfoVis job opportunities in HealthCare at Humana Innovation Center]]<br />
*[[2007-08-30: InfoVis job opportunities at IBM China Research Lab]]<br />
*[[2007-08-21: Open-source interface to search, browse, and data-mine image collections]]<br />
*[[2007-08-01: Oculus Info Inc hiring information visualization experts]]<br />
* 2007-07-24: [[BIOSTEC 2008]] - Deadline Position papers: 10 September, 2007<br />
*[[2007-07-19: IJGIS Special issue Geovisual analytics for spatial decision support]]<br />
*[[2007-07-10: Job Offer: KTP associate in Information Visualisation (Oxford, UK)]]<br />
*[[2007-07-03: Review of visualization techniques for temporal information]] <br />
*[[2007-06-28: Job offer: Researcher/Lecturer in Information Vizualization (Vienna, Austria)]]<br />
*[[2007-06-25: Inforgraphics For The SEO Confused]]<br />
*2007-06-22: [http://www.biostec.org/ BIOSTEC 2008]: Full paper submission ends at June, 27 of 2007<br />
*[[2007-06-17: searchCrystal, a search visualization toolset, is available at www.searchcrystal.com]]<br />
*[[2007-06-06: PhD Scholarships at University Konstanz (Germany)]]<br />
*[[2007-06-05: Post-Doctoral position in GeoVisualization at the giCentre, City University]] <br />
*[[2007-06-01: Postdoctoral position in information visualization at Stony Brook University]]<br />
*[[2007-05-18: Post-doctorate Research Position in Information Visualization]]<br />
*[[2007-05-18: Do you know the difference between good and bad graph designs?]]<br />
*[[2007-05-07: Anonymous editing disallowed on InfoVis:Wiki due to SPAM]] <br />
*[[2007-04-20: Review of the newly released Tableau 3.0 by Stephen Few]]<br />
*[[2007-04-19: Funded PhD position in InfoVis at Napier University, Edinburgh, UK]]<br />
*[[2007-04-16: Historic Information Graphics literature review by Aaron Marcus]]<br />
*[[2007-03-10: "ShoppingPath": novel Shopping Visualization Tool]]<br />
*[[2007-03-02: Google Custom Search Engine for Data Visualization]]<br />
[[Image:Lengler07periodic-table.jpg|right|75px]]<br />
*[[2007-02-28: A Periodic Table of Visualization Methods]]<br />
*[[2007-02-28: "visual-literacy.org": An E-Learning Tutorial on Visualization for Communication, Engineering and Business]]<br />
[[Image:Manyeyes07logo.jpg|right|75px]]<br />
*[[2007-02-19: "Many Eyes": New web application for shared visualization and discovery by Martin Wattenberg et al.]]<br />
[[Image:Engelhardt07infovis-diagram.gif|right|100px]]<br />
*[[2007-02-15: New issue of Inf@Vis! (infovis.net) on "InfoVis Diagram" available]]<br />
*[[2007-01-22: JavaOne Online Learning Resource on "NetBeans IDE Common Framework for Information Visualization"]]<br />
*[[2007-01-11: New issue of Inf@Vis! (infovis.net) on "Diagrams for Visualisation" available]]<br />
*[[2006-12-07: New issue of Inf@Vis! (infovis.net) on "Exploratory Search" available]]<br />
*[[2006-12-06: Research and Teaching Position at Danube University Krems, Austria]]<br />
*[[2006-12-06: Is There Science in Visualization?]]<br />
*[[2006-12-04: "Discovering the Unexpected" - Call for Papers: Visual Analytics in IEEE CG&A]]<br />
*[[2006-11-29: Stephen Few comments on InfoVis 2006 conference]]<br />
*[[2006-11-13: Presentation of InfoVis:Wiki at Wikiposium 2006]]<br />
*[[2006-10-30: New release of XmdvTool is available (7.0)]] <br />
*[[2006-10-23: New issue of Inf@Vis! (infovis.net) on "Colour guidelines" available]]<br />
*[[2006-09-28: InfoVis'06 Papers on the Web ]] <br />
*[[2006-09-28: Job offer: 4 Research Positions in Visualization & Semantic Systems at Graz University of Technology and Vienna University of Economics and Business Administration, Austria]]<br />
*[[2006-09-20: New issue of Inf@Vis! (infovis.net) on "Colour Usage" available]]<br />
*[[2006-08-28: "Simplicity - the art of complexity" is the theme of this years Ars Electronica Festival in Linz, Austria]]<br />
*[[2006-08-01: Job openings at IBM T, J. Watson: Research Staff Member]]<br />
*[[2006-07-24: Post-doc job offer at for "Interactive and Visual Graph Mining" at INRIA / Bordeaux, France]]<br />
*[[2006-06-27: Post-Doc / PhD Position at MPI Tuebingen]]<br />
*[[2006-06-02: Ph.D. Fellowships in Visual Analytics available at Worcester Polytechnic Institute Computer Science Department]]<br />
*[[2006-05-29: Oculus Info Inc hiring information visualization experts]]<br />
[[Image:Aharef06websitegraph.png|right|100px]]<br />
*[[2006-05-29: Websites as graphs]]<br />
[[Image:Offenhuber06semaspace.jpg|right|100px]]<br />
*[[2006-05-24: SemaSpace - Graph editor for large knowledge networks]]<br />
*[[2006-05-21: Junk Charts - New Blog on chart junk]]<br />
*[[2006-05-15: Open Lecture on "Complexity and Infoviz", Design Faculty of Polietcnico di Milano. Milan, Italy]]<br />
*[[2006-04-24: Open Research and Teaching Assistant/PhD Candidate position at Danube University Krems, Austria]]<br />
*[[2006-04-20: Call for Papers - C&G Special Issue on Visual Analytics]]<br />
*[[2006-04-19: "The Surest Path to Visual Discovery" - Article by Stephen Few illustrating the Visual Information Seeking Mantra]]<br />
*[[2006-04-18: New issue of Inf@Vis! (infovis.net) on "Visualising Time" available]]<br />
[[Image:Google06finance.png|right|100px]]<br />
*[[2006-03-27: Google Finance - Interactive Flash graphs to explore stock price data]]<br />
[[Image:Smartmoney06marketradar.gif|right|100px]]<br />
*[[2006-03-27: Market Radar: interactive data visualization of historical stock prices at SmartMoney.com]]<br />
*[[2006-03-21: Post-doctoral position at CNRS, LaBRI, Bordeaux, France]]<br />
*[[2006-03-20: Webcast by Ben Shneiderman on Information Exploration]]<br />
*[[2006-03-15: Information Visualization Post-Doc and Summer Internship Positions at INRIA (France)]]<br />
*[[2006-03-14: Article on Chart Junk: "Ice Age, or How to Avoid Frightening your Readers by Hiding the Key Data Point"]]<br />
*[[2006-03-10: Visual Information Expert Workshop]]<br />
*[[2006-03-08: The new book "Beautiful Evidence" by E. Tufte will be available soon]]<br />
*[[2006-03-06: Article on "Visual Analytics" in current issue of IEEE Computer Graphics and Applications]]<br />
*[[2006-02-26: Submission Deadline of IV06 has been extended to March 20, 2006]]<br />
*[[2006-02-16: New issue of Inf@Vis! (infovis.net) on "Preattentive Processing" available]]<br />
[[Image:Carden06travel time tube map.png|right|100px]]<br />
*[[2006-01-25: Travel Time Tube Map]]<br />
*[[2006-01-17: IEEE Information Visualization Symposium Proceedings will appear as an issue of IEEE Transactions on Visualization and Computer Graphics (TVCG)]]<br />
*[[2006-01-11: Article on "Visualizing Spreadsheets" in DMReview magazine]]<br />
*[[2005-12-12: New Issue of Information Visualization Journal]]<br />
*[[2005-12-01: 2D vs. 3D on Task Performance - article in the upcoming TVCG Journal]]<br />
[[Image:Horn05jellyfish.jpg|right|75px]]<br />
*[[2005-11-29: Google Analytics - Powerful free web analytics service]]<br />
*[[2005-11-29: Jellyfish - visualization of an art encyclopedia (developed using processing.org)]]<br />
*[[2005-11-18: New issue of Inf@Vis! (infovis.net) on "Web Content Mining Visualisation" available]]<br />
*[[2005-10-24: New issue of Inf@Vis! (infovis.net) on "Logfile Analysis" available]]<br />
*[[2005-10-19: List of del.icio.us visualizations]]<br />
*[[2005-10-18: blogviz - Mapping the dynamics of Information Diffusion in Blogspace]]<br />
*[[2005-10-18: Summary of a distinguished lecture by Martin Wattenberg at UC Berkeley]]<br />
*[[2005-10-17: "browse.delicious" a visual browser to explore the del.icio.us community network]]<br />
[[Image:Lima05visualcomplexity.png|right|100px]]<br />
*[[2005-10-17: VisualComplexity.com - a comprehensive repository of complex network visualizations]]<br />
*[[2005-10-11: Jock D. Mackinlay wins DMReview's data visualization competition]]<br />
*[[2005-10-10: Browse the web as a 3D city]]<br />
*[[2005-10-07: New issue of Inf@Vis! (infovis.net) on "Web Structure Visualisation" available]]<br />
[[Image:Cnet05thebigpicture-detail.png|right|80px]]<br />
*[[2005-10-04: "The Big Picture" - Ontology viewer for cnet.com articles]]<br />
*[[2005-09-30: Evaluating Visualizations: Do Expert Reviews Work?]]<br />
*[[2005-09-29: InfoVis:Wiki has been upgraded to MediaWiki 1.5]]<br />
*[[2005-09-27: Winners of "Science and Engineering Visualization Challenge 2005"]]<br />
[[Image:Zitvogel05delicioussoup.png|right|60px]]<br />
*[[2005-09-15: "Revealicious" and "Delicious Soup" - two Flash based del.icio.us visualization tools]]<br />
*[[2005-09-05: Ben Fry and Casey Reas receive a "Golden Nica" for their "processing" project]]<br />
[[Image:Migurski05voxdelicii.png|right|75px]]<br />
*[[2005-09-02: "In The News" moves from Google News to del.icio.us tags and is now called "Vox Delicii"]]<br />
[[Image:Wattenberg05colorcode.png|right|60px]]<br />
*[[2005-08-29: "Color Code" - Interactive Map of the English Language]]<br />
*[[2005-08-26: Special Issue of the Information Visualization Journal on "Bioinformatics Visualization"]]<br />
[[Image:Turner05usenet.gif|right|60px]]<br />
*[[2005-08-26: New article on visualizion techniques for the Usenet]]<br />
*[[2005-08-26: Special Section on the IEEE InfoVis conference in "IEEE Transactions on Visualization and Computer Graphics"]]<br />
[[Image:Labescape05enterprise-treemap.gif|right|75px]]<br />
*[[2005-08-24: Integrating graphs into Treemaps]]<br />
[[Image:Krzywinski04schemaball.jpg|right|75px]]<br />
*[[2005-08-24: "Schemaball" - Schema Viewer for SQL Databases]]<br />
*[[2005-08-24: "Design in Theory and Practice" column in Digital Web Magazine]]<br />
*[[2005-08-24: New Website on "Knowledge Visualization"]]<br />
*[[2005-07-27: Call for Papers for "Visual Analytics" Special Issue of IEEE TVCG]]<br />
*[[2005-07-27: The First International Wikimedia Conference will be held in Frankfurt, Germany (August 4-8, 2005)]]<br />
*[[2005-07-26: Interview with Katy Börner at Inf@Vis! (infovis.net digital magazine)]]<br />
[[Image:In_the_news.gif|right|75px]]<br />
*[[2005-07-21: "In The News" - Interactive Visualization of Google News]]<br />
*[[2005-07-19: Typography tutorial by "Before & After" magazine]]<br />
[[Image:Delicious_treemap.gif|right|60px]]<br />
*[[2005-07-18: Treemap representation of del.icio.us most popular bookmarks]]<br />
*[[2005-07-13: Commentary on the IV05 conference in new issue of Inf@Vis! (infovis.net)]]<br />
*[[2005-07-12: Recent article about the "Top 10 Unsolved Information Visualization Problems"]]<br />
*[[2005-06-29: New issue of Inf@Vis! (infovis.net) on "The Landscape Metaphor" available]]<br />
[[Image:Mediawiki.png|right|50px]]<br />
*[[2005-06-20: InfoVis:Wiki upgrades to MediaWiki 1.4.5]]<br />
*[[2005-06-14: Top contributors list to InfoVis:Wiki]]<br />
[[Image:Logo-small.png|right|50px]]<br />
*[[2005-05-26: InfoVis:Wiki now offers newsfeed]]<br />
*[[2005-05-16: InfoVis:Wiki is online]]<br />
<br />
<br />
[[:Category:News|'''News Archive...''']]<br />
<br />
<br />
[http://www.infovis-wiki.net/index.php?title=Special:Newsfeed&feed=rss News as RSS feed]<br />
<br><small>[[InfoVis:Wiki_RSS_Feeds|List of all available RSS feeds]]</small></div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=2007-09-20:_VizPatterns.org_Wiki_provides_a_new_resource_for_Visualization_Design_Patterns&diff=171062007-09-20: VizPatterns.org Wiki provides a new resource for Visualization Design Patterns2007-09-20T19:56:23Z<p>Thatbrock: Created page</p>
<hr />
<div>A new wiki has been created as a repository for visualization design patterns. The purpose is to share and refine design patterns besed on the knowledge and expertise of seasoned visualisation designers. You are invited to share and contribute to the wiki.<br />
<br />
This resources is newly under development and is not yet mature, but your contributions can make it better!<br />
<br />
Go to: [http://www.vizpatterns.org Vizpatterns.org] to examine the site and register!<br />
<br />
[[Category:News]]<br />
[[Category:2007/09]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=2007-09-20:_VizPatterns.org_Wiki_provides_a_new_resource_for_Visualization_Design_Patterns&diff=171052007-09-20: VizPatterns.org Wiki provides a new resource for Visualization Design Patterns2007-09-20T19:52:27Z<p>Thatbrock: Created page</p>
<hr />
<div>[[Category:News]]<br />
[[Category:2007/09]]</div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Template:News&diff=17104Template:News2007-09-20T19:51:38Z<p>Thatbrock: added vizpatterns information</p>
<hr />
<div><!-- Start new stories below, newest at top! Keep in mind to write an article in the News-Category for every topic using the corresponding headline as title and link it here. --><br />
<!-- HOW TO ENTER NEWS: --><br />
<!-- --><br />
<!-- 1) Insert a story headline below (including the current date). --><br />
<!-- Format: --><br />
<!-- *[[2YEAR-MONTH-DATE: TITLE]] --><br />
<!-- Example: *[[2005-06-20: InfoVis:Wiki upgrades to MediaWiki 1.4.5]] --><br />
<!-- 2) "Save page" --><br />
<!-- 3) Click newly created Wiki link (red) and edit the text of your entry --><br />
<!-- 4) Assign TWO categories to your entry (News + Archive) --><br />
<!-- 4.1) [[Category:News]] (without this, it won't appear in the RSS feed) --><br />
<!-- 4.2) [[Category:YEAR/MONTH]] (this is important for the archive) --> <br />
<!-- Example: [[Category:2005/06]] --><br />
<br />
*[[2007-09-20: VizPatterns.org Wiki provides a new resource for Visualization Design Patterns]]<br />
*[[2005-09-18: IEEE OnAV08 Call for Papers (Intl. Workshop on Ontology Alignment and Visualization)]]<br />
*[[2007-09-12: InfoVis:Wiki RSS feeds now working properly!]]<br />
*[[2007-09-11: IEEE CG&A Call for Papers - Special issue on "Mobile Graphics", July-August 2008]]<br />
*[[2007-09-10: Post-doc job offer in "Visual Analytics" at INRIA / Paris, France]]<br />
*[[2007-09-07: System upgrade and new server for the InfoVis:Wiki]]<br />
*[[2007-09-05: Job Offer: KTP associate in Information Visualisation (Oxford, UK)]]<br />
*[[2007-08-31: InfoVis:Wiki will be upgraded and moved during the upcoming week]]<br />
*[[2007-08-30: InfoVis job opportunities in HealthCare at Humana Innovation Center]]<br />
*[[2007-08-30: InfoVis job opportunities at IBM China Research Lab]]<br />
*[[2007-08-21: Open-source interface to search, browse, and data-mine image collections]]<br />
*[[2007-08-01: Oculus Info Inc hiring information visualization experts]]<br />
* 2007-07-24: [[BIOSTEC 2008]] - Deadline Position papers: 10 September, 2007<br />
*[[2007-07-19: IJGIS Special issue Geovisual analytics for spatial decision support]]<br />
*[[2007-07-10: Job Offer: KTP associate in Information Visualisation (Oxford, UK)]]<br />
*[[2007-07-03: Review of visualization techniques for temporal information]] <br />
*[[2007-06-28: Job offer: Researcher/Lecturer in Information Vizualization (Vienna, Austria)]]<br />
*[[2007-06-25: Inforgraphics For The SEO Confused]]<br />
*2007-06-22: [http://www.biostec.org/ BIOSTEC 2008]: Full paper submission ends at June, 27 of 2007<br />
*[[2007-06-17: searchCrystal, a search visualization toolset, is available at www.searchcrystal.com]]<br />
*[[2007-06-06: PhD Scholarships at University Konstanz (Germany)]]<br />
*[[2007-06-05: Post-Doctoral position in GeoVisualization at the giCentre, City University]] <br />
*[[2007-06-01: Postdoctoral position in information visualization at Stony Brook University]]<br />
*[[2007-05-18: Post-doctorate Research Position in Information Visualization]]<br />
*[[2007-05-18: Do you know the difference between good and bad graph designs?]]<br />
*[[2007-05-07: Anonymous editing disallowed on InfoVis:Wiki due to SPAM]] <br />
*[[2007-04-20: Review of the newly released Tableau 3.0 by Stephen Few]]<br />
*[[2007-04-19: Funded PhD position in InfoVis at Napier University, Edinburgh, UK]]<br />
*[[2007-04-16: Historic Information Graphics literature review by Aaron Marcus]]<br />
*[[2007-03-10: "ShoppingPath": novel Shopping Visualization Tool]]<br />
*[[2007-03-02: Google Custom Search Engine for Data Visualization]]<br />
[[Image:Lengler07periodic-table.jpg|right|75px]]<br />
*[[2007-02-28: A Periodic Table of Visualization Methods]]<br />
*[[2007-02-28: "visual-literacy.org": An E-Learning Tutorial on Visualization for Communication, Engineering and Business]]<br />
[[Image:Manyeyes07logo.jpg|right|75px]]<br />
*[[2007-02-19: "Many Eyes": New web application for shared visualization and discovery by Martin Wattenberg et al.]]<br />
[[Image:Engelhardt07infovis-diagram.gif|right|100px]]<br />
*[[2007-02-15: New issue of Inf@Vis! (infovis.net) on "InfoVis Diagram" available]]<br />
*[[2007-01-22: JavaOne Online Learning Resource on "NetBeans IDE Common Framework for Information Visualization"]]<br />
*[[2007-01-11: New issue of Inf@Vis! (infovis.net) on "Diagrams for Visualisation" available]]<br />
*[[2006-12-07: New issue of Inf@Vis! (infovis.net) on "Exploratory Search" available]]<br />
*[[2006-12-06: Research and Teaching Position at Danube University Krems, Austria]]<br />
*[[2006-12-06: Is There Science in Visualization?]]<br />
*[[2006-12-04: "Discovering the Unexpected" - Call for Papers: Visual Analytics in IEEE CG&A]]<br />
*[[2006-11-29: Stephen Few comments on InfoVis 2006 conference]]<br />
*[[2006-11-13: Presentation of InfoVis:Wiki at Wikiposium 2006]]<br />
*[[2006-10-30: New release of XmdvTool is available (7.0)]] <br />
*[[2006-10-23: New issue of Inf@Vis! (infovis.net) on "Colour guidelines" available]]<br />
*[[2006-09-28: InfoVis'06 Papers on the Web ]] <br />
*[[2006-09-28: Job offer: 4 Research Positions in Visualization & Semantic Systems at Graz University of Technology and Vienna University of Economics and Business Administration, Austria]]<br />
*[[2006-09-20: New issue of Inf@Vis! (infovis.net) on "Colour Usage" available]]<br />
*[[2006-08-28: "Simplicity - the art of complexity" is the theme of this years Ars Electronica Festival in Linz, Austria]]<br />
*[[2006-08-01: Job openings at IBM T, J. Watson: Research Staff Member]]<br />
*[[2006-07-24: Post-doc job offer at for "Interactive and Visual Graph Mining" at INRIA / Bordeaux, France]]<br />
*[[2006-06-27: Post-Doc / PhD Position at MPI Tuebingen]]<br />
*[[2006-06-02: Ph.D. Fellowships in Visual Analytics available at Worcester Polytechnic Institute Computer Science Department]]<br />
*[[2006-05-29: Oculus Info Inc hiring information visualization experts]]<br />
[[Image:Aharef06websitegraph.png|right|100px]]<br />
*[[2006-05-29: Websites as graphs]]<br />
[[Image:Offenhuber06semaspace.jpg|right|100px]]<br />
*[[2006-05-24: SemaSpace - Graph editor for large knowledge networks]]<br />
*[[2006-05-21: Junk Charts - New Blog on chart junk]]<br />
*[[2006-05-15: Open Lecture on "Complexity and Infoviz", Design Faculty of Polietcnico di Milano. Milan, Italy]]<br />
*[[2006-04-24: Open Research and Teaching Assistant/PhD Candidate position at Danube University Krems, Austria]]<br />
*[[2006-04-20: Call for Papers - C&G Special Issue on Visual Analytics]]<br />
*[[2006-04-19: "The Surest Path to Visual Discovery" - Article by Stephen Few illustrating the Visual Information Seeking Mantra]]<br />
*[[2006-04-18: New issue of Inf@Vis! (infovis.net) on "Visualising Time" available]]<br />
[[Image:Google06finance.png|right|100px]]<br />
*[[2006-03-27: Google Finance - Interactive Flash graphs to explore stock price data]]<br />
[[Image:Smartmoney06marketradar.gif|right|100px]]<br />
*[[2006-03-27: Market Radar: interactive data visualization of historical stock prices at SmartMoney.com]]<br />
*[[2006-03-21: Post-doctoral position at CNRS, LaBRI, Bordeaux, France]]<br />
*[[2006-03-20: Webcast by Ben Shneiderman on Information Exploration]]<br />
*[[2006-03-15: Information Visualization Post-Doc and Summer Internship Positions at INRIA (France)]]<br />
*[[2006-03-14: Article on Chart Junk: "Ice Age, or How to Avoid Frightening your Readers by Hiding the Key Data Point"]]<br />
*[[2006-03-10: Visual Information Expert Workshop]]<br />
*[[2006-03-08: The new book "Beautiful Evidence" by E. Tufte will be available soon]]<br />
*[[2006-03-06: Article on "Visual Analytics" in current issue of IEEE Computer Graphics and Applications]]<br />
*[[2006-02-26: Submission Deadline of IV06 has been extended to March 20, 2006]]<br />
*[[2006-02-16: New issue of Inf@Vis! (infovis.net) on "Preattentive Processing" available]]<br />
[[Image:Carden06travel time tube map.png|right|100px]]<br />
*[[2006-01-25: Travel Time Tube Map]]<br />
*[[2006-01-17: IEEE Information Visualization Symposium Proceedings will appear as an issue of IEEE Transactions on Visualization and Computer Graphics (TVCG)]]<br />
*[[2006-01-11: Article on "Visualizing Spreadsheets" in DMReview magazine]]<br />
*[[2005-12-12: New Issue of Information Visualization Journal]]<br />
*[[2005-12-01: 2D vs. 3D on Task Performance - article in the upcoming TVCG Journal]]<br />
[[Image:Horn05jellyfish.jpg|right|75px]]<br />
*[[2005-11-29: Google Analytics - Powerful free web analytics service]]<br />
*[[2005-11-29: Jellyfish - visualization of an art encyclopedia (developed using processing.org)]]<br />
*[[2005-11-18: New issue of Inf@Vis! (infovis.net) on "Web Content Mining Visualisation" available]]<br />
*[[2005-10-24: New issue of Inf@Vis! (infovis.net) on "Logfile Analysis" available]]<br />
*[[2005-10-19: List of del.icio.us visualizations]]<br />
*[[2005-10-18: blogviz - Mapping the dynamics of Information Diffusion in Blogspace]]<br />
*[[2005-10-18: Summary of a distinguished lecture by Martin Wattenberg at UC Berkeley]]<br />
*[[2005-10-17: "browse.delicious" a visual browser to explore the del.icio.us community network]]<br />
[[Image:Lima05visualcomplexity.png|right|100px]]<br />
*[[2005-10-17: VisualComplexity.com - a comprehensive repository of complex network visualizations]]<br />
*[[2005-10-11: Jock D. Mackinlay wins DMReview's data visualization competition]]<br />
*[[2005-10-10: Browse the web as a 3D city]]<br />
*[[2005-10-07: New issue of Inf@Vis! (infovis.net) on "Web Structure Visualisation" available]]<br />
[[Image:Cnet05thebigpicture-detail.png|right|80px]]<br />
*[[2005-10-04: "The Big Picture" - Ontology viewer for cnet.com articles]]<br />
*[[2005-09-30: Evaluating Visualizations: Do Expert Reviews Work?]]<br />
*[[2005-09-29: InfoVis:Wiki has been upgraded to MediaWiki 1.5]]<br />
*[[2005-09-27: Winners of "Science and Engineering Visualization Challenge 2005"]]<br />
[[Image:Zitvogel05delicioussoup.png|right|60px]]<br />
*[[2005-09-15: "Revealicious" and "Delicious Soup" - two Flash based del.icio.us visualization tools]]<br />
*[[2005-09-05: Ben Fry and Casey Reas receive a "Golden Nica" for their "processing" project]]<br />
[[Image:Migurski05voxdelicii.png|right|75px]]<br />
*[[2005-09-02: "In The News" moves from Google News to del.icio.us tags and is now called "Vox Delicii"]]<br />
[[Image:Wattenberg05colorcode.png|right|60px]]<br />
*[[2005-08-29: "Color Code" - Interactive Map of the English Language]]<br />
*[[2005-08-26: Special Issue of the Information Visualization Journal on "Bioinformatics Visualization"]]<br />
[[Image:Turner05usenet.gif|right|60px]]<br />
*[[2005-08-26: New article on visualizion techniques for the Usenet]]<br />
*[[2005-08-26: Special Section on the IEEE InfoVis conference in "IEEE Transactions on Visualization and Computer Graphics"]]<br />
[[Image:Labescape05enterprise-treemap.gif|right|75px]]<br />
*[[2005-08-24: Integrating graphs into Treemaps]]<br />
[[Image:Krzywinski04schemaball.jpg|right|75px]]<br />
*[[2005-08-24: "Schemaball" - Schema Viewer for SQL Databases]]<br />
*[[2005-08-24: "Design in Theory and Practice" column in Digital Web Magazine]]<br />
*[[2005-08-24: New Website on "Knowledge Visualization"]]<br />
*[[2005-07-27: Call for Papers for "Visual Analytics" Special Issue of IEEE TVCG]]<br />
*[[2005-07-27: The First International Wikimedia Conference will be held in Frankfurt, Germany (August 4-8, 2005)]]<br />
*[[2005-07-26: Interview with Katy Börner at Inf@Vis! (infovis.net digital magazine)]]<br />
[[Image:In_the_news.gif|right|75px]]<br />
*[[2005-07-21: "In The News" - Interactive Visualization of Google News]]<br />
*[[2005-07-19: Typography tutorial by "Before & After" magazine]]<br />
[[Image:Delicious_treemap.gif|right|60px]]<br />
*[[2005-07-18: Treemap representation of del.icio.us most popular bookmarks]]<br />
*[[2005-07-13: Commentary on the IV05 conference in new issue of Inf@Vis! (infovis.net)]]<br />
*[[2005-07-12: Recent article about the "Top 10 Unsolved Information Visualization Problems"]]<br />
*[[2005-06-29: New issue of Inf@Vis! (infovis.net) on "The Landscape Metaphor" available]]<br />
[[Image:Mediawiki.png|right|50px]]<br />
*[[2005-06-20: InfoVis:Wiki upgrades to MediaWiki 1.4.5]]<br />
*[[2005-06-14: Top contributors list to InfoVis:Wiki]]<br />
[[Image:Logo-small.png|right|50px]]<br />
*[[2005-05-26: InfoVis:Wiki now offers newsfeed]]<br />
*[[2005-05-16: InfoVis:Wiki is online]]<br />
<br />
<br />
[[:Category:News|'''News Archive...''']]<br />
<br />
<br />
[http://www.infovis-wiki.net/index.php?title=Special:Newsfeed&feed=rss News as RSS feed]<br />
<br><small>[[InfoVis:Wiki_RSS_Feeds|List of all available RSS feeds]]</small></div>Thatbrockhttps://infovis-wiki.net/w/index.php?title=Template:RecentPublications&diff=16542Template:RecentPublications2007-08-29T15:51:27Z<p>Thatbrock: Deleted porn links added by a Robot</p>
<hr />
<div> <big>'''Recent Publications'''</big><br />
<br />
<!-- Start new entries below beginning with '*', newest at top --><br />
*[[Spence, R.: Information Visualization - Design for Interaction (2nd Edition), Pearson Education, 2006]]<br />
*[[Kerren, A., Ebert, A. and Meyer J. (Eds.): Human-centered Visualization Environments, volume 4417 of LNCS Tutorial, Springer, 2007]]<br />
*[[Tufte, E.R.: Beautiful Evidence, Graphics Press, 2006]]<br />
*[[Andrienko, N. and Andrienko G.: Exploratory Analysis of Spatial and Temporal Data - A Systematic Approach, Springer, 2005]]<br />
*[[Tergan, S. O. and Keller T.: Knowledge and Information Visualization - Searching for Synergies, Springer, 2005.]]<br />
*[[Buurman, G.M., Total interaction theory and practice of a new paradigm for the design disciplines. 2005, Basel: Birkhäuser.]]<br />
*[[Ware, C.: Information Visualization - Perception for Design, Morgan Kaufmann, 2004]] (2nd Edition)<br />
*[[Chen, C.: Information Visualization - Beyond the Horizon, Springer, 2004]]<br />
*[[Kovalerchuk B. and Schwing J.: Visual and Spatial Analysis - Advances in Data Mining, Reasoning, and Problem Solving, Springer, 2004]]</div>Thatbrock