InfoVis:Wiki - User contributions [en]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3 - Prototype

2007-01-10T19:04:43Z

UE-InfoVis0607 0226750:

== Perspective Wall ==
=== Author ===
Matej Durco

=== Project description ===
We set out to implement a specific type of [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_08_-_Aufgabe_1_-_Bifocal_Display|bifocal display]] called "Perspective Wall" [MayKinlay et al., 1991] using the comprehensive prefuse toolkit. Prefuse provides extensive methods for visualising data. While its main focus is implementing graphs it is also possible to implement time-based visualisation methods.

Our solution was originally meant to use a person's diary or, more specifically, records of other people the person met as its data source. The rows would represent individual people while the x-axis would represent time units as identified in the data. It should be possible to move backwards and forwards in time while at the same time zooming into a specific area of interest.

The actual implementation used the provided GridLayout class for positioning the individual data points. Prefuse's GridLayout ensures that one specific person will always be positioned in the same row.
For the desired interaction prefuse's BifocalDistortion class was used. It handles expanding and compressing the displayed data interactively.

=== Screenshot ===
[[Image:PerspectiveWall.png]]

=== References ===
*[Mackinlay et al., 1991] Mackinlay, J. D., Robertson, G. G., and Card, S. K.: The Perspective Wall: Detail and Context Smoothly Integrated. In Proceedings of ACM Conference on Human Factors in Computing Systems (CHI91), Information Visualization, pages 173–179, 1991. http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/p173-mackinlay_perspective_wall.pdf
*Prefuse Toolkit http://prefuse.org/

File:PerspectiveWall.png

2007-01-10T19:04:23Z

UE-InfoVis0607 0226750: Screenshot of a PerspectiveWall implementation

== Summary ==
Screenshot of a PerspectiveWall implementation
== Copyright status ==

== Source ==
Stefan Götzinger

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3 - Technique

2007-01-10T18:56:45Z

UE-InfoVis0607 0226750:

== Technique ==
We are interested in visualisation techniques that are especially well suited for data with an important time-dimension. Thus our choice would be Perspective Wall or Theme River.
We are not sure yet, which one is suited better, so we would like to regard both, as long as possible.
Perspective Wall is suited better for a detailed display of the data (with no aggregation),
whereas Theme River requires some kind of integration and would be better suited for an aggregated overview. Moreover the important elements of Perspective Wall (bifocal display with distortion on the off-center viewports) are better supported by prefuse.
[[Image:Perspective_wall_Inxight.jpg|frame|right||Sample illustration of the Perspective Wall visualisation technique]]

=== Data ===
''How can we describe the usage of a technique without defining the data we want to present?''

There are various data structures, for which this display technique could be suitable.
We want to focus on a '''Diary''': Person(s) meeting other persons and being at places.
There are two types of Diary: one for '''planning''', ie noting what one person is going to do,
the other one for '''protocolling''', ie what the person already did.

The data will most likely be available in tabular form with the three dimensions being '''people''', '''time''' and '''place'''. Prefuse provides extensive data input capabilities for tabular data that can be used.

=== Visual Mapping ===
Basic dimension is time. It is mapped to the horizontal axis. The selected/viewed '''time-slice''' is presented in the primary focus. The primary granularity of the ''time-slice'' is planned to be one month, but other levels of granularity would make sense as well.

Other dimensions are places and people.
As long as one person is examined, the ribbon could be sliced vertically,
according to places, where the person is, as one person can be only on one place at one time.

Other persons, ie persons the examined person meets or mentions, should be displayed in separate, parallel horizontal slices (in Perspective Wall).
This makes the gist of the data ('''who met whom where and when?''') visible at one glance.

=== Interaction ===
* Scrolling the time axis (back and forth)
* Navigation to special time-slice
* Optionally zooming the time axis (from whole regarded data set to one day; this partly overlaps with the setting of the granularity of the time-slice, ie size of the main focus)
* Query on places and persons visualized either as restriction (filtering) or through highlighting.

== Prototype ==
[[Image:Perspective_Wall_Implementation_Mockup.png|frame|right||Possible implementation of Perspective Wall]]
'''Note:''' This image is an extremely simplified draft. It only demonstrates the amount of interaction with other persons in a given time period, ignoring ''space'' entirely. The region of interest here is one month (this can obviously be changed interactively).

The length of the individual rectangles (persons) could represent the number of meetings or the cumulative time spent with the person in the given interval.

The off-center display areas would look similar but would obviously be compressed, following the concept of the '''Perspective Wall''' pictured above.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3

2007-01-10T18:56:36Z

UE-InfoVis0607 0226750:

=== Aufgabe 3 ===
*'''[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3 - Technique|Technique]]'''
*'''[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3 - Prototype|Prototype]]'''

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3

2006-12-01T21:57:59Z

UE-InfoVis0607 0226750: /* Visual Mapping */

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3

2006-12-01T21:35:12Z

UE-InfoVis0607 0226750: /* Prototype */

== Technique ==
We are interested in visualisation techniques that are especially well suited for data with an important time-dimension. Thus our choice would be Perspective Wall or Theme River.
We are not sure yet, which one is suited better, so we would like to regard both, as long as possible.
Perspective Wall is suited better for a detailed display of the data (with no aggregation),
whereas Theme River requires some kind of integration and would be better suited for an aggregated overview. Moreover the important elements of Perspective Wall (bifocal display with distortion on the off-center viewports) are better supported by prefuse.
[[Image:Perspective_wall_Inxight.jpg|frame|right||Sample illustration of the Perspective Wall visualisation technique]]

=== Data ===
''How can we describe the usage of a technique without defining the data we want to present?''

There are various data structures, for which this display technique could be suitable.
We want to focus on a '''Diary''': Person(s) meeting other persons and being at places.
There are two types of Diary: one for '''planning''', ie noting what one person is going to do,
the other one for '''protocolling''', ie what the person already did.

The data will most likely be available in tabular form with the three dimensions being '''people''', '''time''' and '''place'''. Prefuse provides extensive data input capabilities for tabular data that can be used.

=== Visual Mapping ===
Basic dimension is time. It is mapped to the horizontal axis. The selected/viewed '''time-slice''' is presented in the primary focus. The primary granularity of the ''time-slice'' is planned to be one month, but other levels of granularity would make sense as well.

Other dimensions are places and people.
As long as one person is examined, the ribbon could be sliced vertically,
according to places, where the person is, as one person can be only on one place at one time.

Other persons, ie persons the examined person meets or mentions, should be displayed in separate, parallel horizontal slices (in Perspective Wall).
This makes the gist of the data ('''who met whom, where and when?''') visible at one glance.

=== Interaction ===
* Scrolling the time axis (back and forth)
* Navigation to special time-slice
* Optionally zooming the time axis (from whole regarded data set to one day; this partly overlaps with the setting of the granularity of the time-slice, ie size of the main focus)
* Query on places and persons visualized either as restriction (filtering) or through highlighting.

== Prototype ==
[[Image:Perspective_Wall_Implementation_Mockup.png|frame|right||Possible implementation of Perspective Wall]]
'''Note:''' This image is an extremely simplified draft. It only demonstrates the amount of interaction with other persons in a given time period, ignoring ''space'' entirely. The region of interest here is one month (this can obviously be changed interactively).

The length of the individual rectangles (persons) could represent the number of meetings or the cumulative time spent with the person in the given interval.

The off-center display areas would look similar but would obviously be compressed, following the concept of the '''Perspective Wall''' pictured above.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3

2006-12-01T21:33:11Z

UE-InfoVis0607 0226750: /* Prototype */

== Technique ==
We are interested in visualisation techniques that are especially well suited for data with an important time-dimension. Thus our choice would be Perspective Wall or Theme River.
We are not sure yet, which one is suited better, so we would like to regard both, as long as possible.
Perspective Wall is suited better for a detailed display of the data (with no aggregation),
whereas Theme River requires some kind of integration and would be better suited for an aggregated overview. Moreover the important elements of Perspective Wall (bifocal display with distortion on the off-center viewports) are better supported by prefuse.
[[Image:Perspective_wall_Inxight.jpg|frame|right||Sample illustration of the Perspective Wall visualisation technique]]

=== Data ===
''How can we describe the usage of a technique without defining the data we want to present?''

There are various data structures, for which this display technique could be suitable.
We want to focus on a '''Diary''': Person(s) meeting other persons and being at places.
There are two types of Diary: one for '''planning''', ie noting what one person is going to do,
the other one for '''protocolling''', ie what the person already did.

The data will most likely be available in tabular form with the three dimensions being '''people''', '''time''' and '''place'''. Prefuse provides extensive data input capabilities for tabular data that can be used.

=== Visual Mapping ===
Basic dimension is time. It is mapped to the horizontal axis. The selected/viewed '''time-slice''' is presented in the primary focus. The primary granularity of the ''time-slice'' is planned to be one month, but other levels of granularity would make sense as well.

Other dimensions are places and people.
As long as one person is examined, the ribbon could be sliced vertically,
according to places, where the person is, as one person can be only on one place at one time.

Other persons, ie persons the examined person meets or mentions, should be displayed in separate, parallel horizontal slices (in Perspective Wall).
This makes the gist of the data ('''who met whom, where and when?''') visible at one glance.

=== Interaction ===
* Scrolling the time axis (back and forth)
* Navigation to special time-slice
* Optionally zooming the time axis (from whole regarded data set to one day; this partly overlaps with the setting of the granularity of the time-slice, ie size of the main focus)
* Query on places and persons visualized either as restriction (filtering) or through highlighting.

== Prototype ==
[[Image:Perspective_Wall_Implementation_Mockup.png|frame|right||Possible implementation of Perspective Wall]]
'''Note:''' This image is an extremely simplified draft. At present it only demonstrates the amount of interaction with other persons in a given time period, disregarding ''space''. The region of interest here is one month (this can obviously be changed interactively).

The length of the individual rectangles (persons) could represent the number of meetings or the cumulative time spent with the person in the given interval.

The off-center display areas would look similar but would obviously be compressed, following the concept of the '''Perspective Wall''' pictured above.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3

2006-12-01T21:30:43Z

UE-InfoVis0607 0226750:

== Technique ==
We are interested in visualisation techniques that are especially well suited for data with an important time-dimension. Thus our choice would be Perspective Wall or Theme River.
We are not sure yet, which one is suited better, so we would like to regard both, as long as possible.
Perspective Wall is suited better for a detailed display of the data (with no aggregation),
whereas Theme River requires some kind of integration and would be better suited for an aggregated overview. Moreover the important elements of Perspective Wall (bifocal display with distortion on the off-center viewports) are better supported by prefuse.
[[Image:Perspective_wall_Inxight.jpg|frame|right||Sample illustration of the Perspective Wall visualisation technique]]

=== Data ===
''How can we describe the usage of a technique without defining the data we want to present?''

There are various data structures, for which this display technique could be suitable.
We want to focus on a '''Diary''': Person(s) meeting other persons and being at places.
There are two types of Diary: one for '''planning''', ie noting what one person is going to do,
the other one for '''protocolling''', ie what the person already did.

The data will most likely be available in tabular form with the three dimensions being '''people''', '''time''' and '''place'''. Prefuse provides extensive data input capabilities for tabular data that can be used.

=== Visual Mapping ===
Basic dimension is time. It is mapped to the horizontal axis. The selected/viewed '''time-slice''' is presented in the primary focus. The primary granularity of the ''time-slice'' is planned to be one month, but other levels of granularity would make sense as well.

Other dimensions are places and people.
As long as one person is examined, the ribbon could be sliced vertically,
according to places, where the person is, as one person can be only on one place at one time.

Other persons, ie persons the examined person meets or mentions, should be displayed in separate, parallel horizontal slices (in Perspective Wall).
This makes the gist of the data ('''who met whom, where and when?''') visible at one glance.

=== Interaction ===
* Scrolling the time axis (back and forth)
* Navigation to special time-slice
* Optionally zooming the time axis (from whole regarded data set to one day; this partly overlaps with the setting of the granularity of the time-slice, ie size of the main focus)
* Query on places and persons visualized either as restriction (filtering) or through highlighting.

== Prototype ==
[[Image:Perspective_Wall_Implementation_Mockup.png|frame|right||Possible implementation of Perspective Wall]]
'''Note:''' This image is an extremely simplified draft. At present it only demonstrates the amount of interaction with other persons in a given time period, disregarding '''space'''. The region of interest here is one month (this can obviously be changed interactively). The length of the individual rectangles (persons) could represent the number of meetings or the cumulative time spent with the person in the given interval.

File:Perspective Wall Implementation Mockup.png

2006-12-01T21:00:47Z

UE-InfoVis0607 0226750: Mockup of possible implementation of Perspective Wall

== Summary ==
Mockup of possible implementation of Perspective Wall
== Copyright status ==

== Source ==
Stefan Goetzinger

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3

2006-12-01T20:51:17Z

UE-InfoVis0607 0226750: /* Visual Mapping */

== Technique ==
We are interested in visualisation techniques that are especially well suited for data with an important time-dimension. Thus our choice would be Perspective Wall or Theme River.
We are not sure yet, which one is suited better, so we would like to regard both, as long as possible.
Perspective Wall is suited better for a detailed display of the data (with no aggregation),
whereas Theme River requires some kind of integration and would be better suited for an aggregated overview. Moreover the important elements of Perspective Wall (bifocal display with distortion on the off-center viewports) are better supported by prefuse.
[[Image:Perspective_wall_Inxight.jpg|frame|right||Sample illustration of the Perspective Wall visualisation technique]]

=== Data ===
''How can we describe the usage of a technique without defining the data we want to present?''

There are various data structures, for which this display technique could be suitable.
We want to focus on a '''Diary''': Person(s) meeting other persons and being at places.
There are two types of Diary: one for '''planning''', ie noting what one person is going to do,
the other one for '''protocolling''', ie what the person already did.

The data will most likely be available in tabular form with the three dimensions being '''people''', '''time''' and '''place'''. Prefuse provides extensive data input capabilities for tabular data that can be used.

=== Visual Mapping ===
Basic dimension is time. It is mapped to the horizontal axis. The selected/viewed '''time-slice''' is presented in the primary focus. The primary granularity of the ''time-slice'' is planned to be one month, but other levels of granularity would make sense as well.

Other dimensions are places and people.
As long as one person is examined, the ribbon could be sliced vertically,
according to places, where the person is, as one person can be only on one place at one time.

Other persons, ie persons the examined person meets or mentions, should be displayed in separate, parallel horizontal slices (in Perspective Wall).
This makes the gist of the data ('''who met whom, where and when?''') visible at one glance.

=== Interaction ===
* Scrolling the time axis (back and forth)
* Navigation to special time-slice
* Optionally zooming the time axis (from whole regarded data set to one day; this partly overlaps with the setting of the granularity of the time-slice, ie size of the main focus)
* Query on places and persons visualized either as restriction (filtering) or through highlighting.

== Prototype ==
''Mockup of possible Perspective Wall design to come''

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3

2006-11-29T18:36:46Z

UE-InfoVis0607 0226750:

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3

2006-11-29T18:33:32Z

UE-InfoVis0607 0226750:

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T22:39:19Z

UE-InfoVis0607 0226750:

== Poor Graphic ==

[[Image:Friendly00sothebys.jpg|none|thumb|600px|none|Sotheby's / Christie's Worldwide Sales Market Share Analysis]]

=== Criticism ===
* '''Chartjunk''': The columns are filled with distracting gradients.
* '''Data-Ink ratio''': Much of the graphic is filled with useless patterns. The actual (overly large) pie charts occupy only a fraction of the graphic.
* '''Data Density''': One pie chart per year seems a bit excessive for the amount of information they provide.
* '''Friendly Data Graphic''': This graphic relies heavily on colours, rendering it all but useless if converted to grayscale or viewed by colour-blind persons.
* The individual pie charts are virtually indistinguishable, making pie charts a rather poor choice in this context.
* The pie charts are arranged diagonally without any meaning (except for the growing years)
* The position of the pie charts suggests an increase on the y-axis which doesn't have any function or labels.
* There are four graph labels in different fonts with redundant information.
* The labels are not anywhere near the pie charts and have to be found to derive any meaning from the charts.

== Improved Graphic ==
[[Image:LineChart.png]]

=== Improvements ===
* The market share changes are visible over the years.
* Removed confusing and unnecessary backgrounds.
* The data-ink ratio has been increased.
* The labels are clearly visible next to the lines.
* The difference between market shares is easy to determine. One can immediately see that Sotheby's is always ahead of Christie's by roughly the same margin.

=== Variation ===
[[Image:ColumnChart.png]]

This alternative design is useful for gauging how much of the total market can be attributed to each of the two companies. This representation shows the entirety of this particular market instead of just part of it, thus keeping the idea of the original pie charts. The drawback is that it is more difficult to see that Sotheby's is ahead of Christie's every single year by roughly the same margin. It also violates the Data-Ink rule.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T22:05:24Z

UE-InfoVis0607 0226750: /* Improvements */

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T22:04:03Z

UE-InfoVis0607 0226750:

== Poor Graphic ==

[[Image:Friendly00sothebys.jpg|none|thumb|600px|none|Sotheby's / Christie's Worldwide Sales Market Share Analysis]]

=== Criticism ===
* '''Chartjunk''': The columns are filled with distracting gradients.
* '''Data-Ink ratio''': Much of the graphic is filled with useless patterns. The actual (overly large) pie charts occupy only a fraction of the graphic.
* '''Data Density''': One pie chart per year seems a bit excessive for the amount of information they provide.
* '''Friendly Data Graphic''': This graphic relies heavily on colours, rendering it all but useless if converted to grayscale or viewed by colour-blind persons.
* The individual pie charts are virtually indistinguishable, making pie charts a rather poor choice in this context.
* The pie charts are arranged diagonally without any meaning (except for the growing years)
* The position of the pie charts suggests an increase on the y-axis which doesn't have any function or labels.
* There are four graph labels in different fonts with redundant information.
* The labels are not anywhere near the pie charts and have to be found to derive any meaning from the charts.

== Improved Graphic ==
[[Image:LineChart.png]]

=== Improvements ===
* Market share changes visible over the years.
* Removed confusing and unnecessary backgrounds.
* Increased data-ink ratio.
* Labels are clearly visible next to the lines.
* Difference between market shares easy to determine. One can immediately see that Sotheby's is always ahead of Christie's by roughly the same margin.

=== Variation ===
[[Image:ColumnChart.png]]

This alternative design is useful for gauging how much of the total market can be attributed to each of the two companies. This representation shows the entirety of this particular market instead of just part of it, thus keeping the idea of the original pie charts. The drawback is that it is more difficult to see that Sotheby's is ahead of Christie's every single year by roughly the same margin.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T20:56:00Z

UE-InfoVis0607 0226750:

== Poor Graphic ==

[[Image:Friendly00sothebys.jpg|none|thumb|600px|none|Sotheby's / Christie's Worldwide Sales Market Share Analysis]]

=== Criticism ===
* '''Chartjunk''': The columns are filled with distracting gradients.
* '''Data-Ink ratio''': Much of the graphic is filled with useless patterns. The actual (overly large) pie charts occupy only a fraction of the graphic.
* '''Data Density''': One pie chart per year seems a bit excessive for the amount of information they provide.
* The individual pie charts are virtually indistinguishable, making pie charts a rather poor choice in this context.
* The pie charts are arranged diagonally without any meaning (except for the growing years)
* The position of the pie charts suggests an increase on the y-axis which doesn't have any function or labels.
* There are four graph labels in different fonts with redundant information.
* The labels are not anywhere near the pie charts and have to be found to derive any meaning from the charts.

== Improved Graphic ==
[[Image:LineChart.png]]

=== Improvements ===
* Market share changes visible over the years.
* Removed confusing and unnecessary backgrounds.
* Increased data-ink ratio.
* Labels are clearly visible next to the lines.
* Difference between market shares easy to determine. One can immediately see that Sotheby's is always ahead of Christie's by roughly the same margin.

=== Variation ===
[[Image:ColumnChart.png]]
[[Image:LineChart.png|frame|left|Sotheby's / Christie's Worldwide Sales Market Share Analysis - Improved Graphic - Variant 1]]
[[Image:ColumnChart.png|frame|left|Sotheby's / Christie's Worldwide Sales Market Share Analysis - Improved Graphic - Variant 2]]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T20:39:38Z

UE-InfoVis0607 0226750:

== Poor Graphic ==

[[Image:Friendly00sothebys.jpg|none|thumb|600px|none|Sotheby's / Christie's Worldwide Sales Market Share Analysis]]

=== Criticism ===
* '''Chartjunk''': The columns are filled with distracting gradients.
* '''Data-Ink ratio''': Much of the graphic is filled with useless patterns. The actual (overly large) pie charts occupy only a fraction of the graphic.
* '''Data Density''': One pie chart per year seems a bit excessive for the amount of information they provide.
* The individual pie charts are virtually indistinguishable, making pie charts a rather poor choice in this context.
* The pie charts are arranged diagonally without any meaning (except for the growing years)
* The position of the pie charts suggests an increase on the y-axis which doesn't have any function or labels.
* There are four graph labels in different fonts with redundant information.
* The labels are not anywhere near the pie charts and have to be found to derive any meaning from the charts.

== Improved Graphic ==

=== Improvements ===
* Market share changes visible over the years.
* Removed confusing and unnecessary backgrounds.
* Increased data-ink ratio.
* Labels are clearly visible next to the lines.
* Difference between market shares easy to determine.

=== Variation ===

[[Image:LineChart.png|frame|left|Sotheby's / Christie's Worldwide Sales Market Share Analysis - Improved Graphic - Variant 1]]
[[Image:ColumnChart.png|frame|left|Sotheby's / Christie's Worldwide Sales Market Share Analysis - Improved Graphic - Variant 2]]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T20:32:05Z

UE-InfoVis0607 0226750:

== Poor Graphic ==

[[Image:Friendly00sothebys.jpg|none|thumb|600px|none|Sotheby's / Christie's Worldwide Sales Market Share Analysis]]

=== Criticism ===
* '''Chartjunkt''': The columns are filled with distracting gradients.
* '''Data Density''': One pie chart per year seems a bit excessive for the amount of information they provide.
* The individual pie charts are virtually indistinguishable, making pie charts a rather poor choice in this context.
* The pie charts are arranged diagonally without any meaning (except for the growing years)
* The position of the pie charts suggests an increase on the y-axis which doesn't have any function or labels.
* There are four graph labels in different fonts with redundant information.
* The labels are not anywhere near the pie charts and have to be found to derive any meaning from the charts.

== Improved Graphic ==

=== Improvements ===
* Market share changes visible over the years.
* Removed confusing and unnecessary backgrounds.
* Increased data-ink ratio.
* Labels are clearly visible next to the lines.
* Difference between market shares easy to determine.

=== Variation ===

[[Image:LineChart.png|frame|left|Sotheby's / Christie's Worldwide Sales Market Share Analysis - Improved Graphic - Variant 1]]
[[Image:ColumnChart.png|frame|left|Sotheby's / Christie's Worldwide Sales Market Share Analysis - Improved Graphic - Variant 2]]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T14:55:51Z

UE-InfoVis0607 0226750:

== Poor Graphic ==

[[Image:Friendly00sothebys.jpg|none|thumb|600px|none|Sotheby's / Christie's Worldwide Sales Market Share Analysis]]

=== Criticism ===
* Gradient-fill of the year-columns - unnecessary ''Chartjunk''.
* Six cakes for one data-row - very low ''Data Density''.
* The individual pie charts are virtually indistinguishable, making pie charts a rather poor choice in this context.
* The pie charts are arranged diagonally without any meaning (except for the growing years).
* The position of the pie charts suggests an increase on the y-axis which doesn't have any function or labels.
* Four graph-labels in different font with redundant information.
* The labels are not anywhere near the pie charts and have to be found to derive any meaning from the charts.

== Improved Graphic ==

=== Improvements ===
* Market share changes are visible over the years.
* Removed confusing and unnecessary backgrounds.
* Increased data-ink ratio.
* Labels are clearly visible next to the lines.
* Difference between market shares easy to determine.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T14:54:13Z

UE-InfoVis0607 0226750:

== Poor Graphic ==

[[Image:Friendly00sothebys.jpg|none|thumb|600px|none|Sotheby's / Christie's Worldwide Sales Market Share Analysis]]

=== Criticism ===
* gradient-fill of the year-columns - unnecessary ''Chartjunk''
* six cakes for one data-row - very low ''Data Density''
* The individual pie charts are virtually indistinguishable, making pie charts a rather poor choice in this context.
* cakes are arranged diagonally without any meaning (except for the growing years)
* The position of the pie charts suggests an increase on the y-axis which doesn't have any function or labels.
* 4 graph-labels in different font with redundant information
* The labels are not anywhere near the pie charts and have to be found to derive any meaning from the charts.

== Improved Graphic ==

=== Improvements ===
* Market share changes visible over the years.
* Removed confusing and unnecessary backgrounds.
* Increased data-ink ratio.
* Labels are clearly visible next to the lines.
* Difference between market shares easy to determine.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T14:49:59Z

UE-InfoVis0607 0226750:

== Poor Graphic ==

[[Image:Friendly00sothebys.jpg|none|thumb|600px|none|Sotheby's / Christie's Worldwide Sales Market Share Analysis]]

=== Critique ===
* gradient-fill of the year-columns - unnecessary ''Chartjunk''
* six cakes for one data-row - very low ''Data Density''
* The individual pie charts are virtually indistinguishable, making pie charts a rather poor choice in this context.
* cakes are arranged diagonally without any meaning (except for the growing years)
* The position of the pie charts suggests an increase on the y-axis which doesn't have any function or labels.
* 4 graph-labels in different font with redundant information
* The labels are not anywhere near the pie charts and have to be found to derive any meaning from the charts.

== Improved Graphic ==

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T14:47:50Z

UE-InfoVis0607 0226750:

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2

2006-11-13T14:47:04Z

UE-InfoVis0607 0226750:

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display

2006-10-30T20:32:14Z

UE-InfoVis0607 0226750: /* Definition */

== Definition ==
'''Bifocal display''' is a visualisation technique whose goal is to represent the current region of interest in a detailed view while keeping the context visible in a schematic but recognisable way. [Apperley et al., 1982]

== Context ==
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible. [Spence, 2006]
This is known as the [[Focus-plus-Context|"focus+context"]] problem.

== Original concept ==
[[Image:Bifocal_display_01.gif|frame|right||Bifocal display visualised as a continuous ribbon]]To address this problem, [[Spence, Robert|Spence]] and [[Apperley, Mark|Apperley]] proposed their ''bifocal display'':

A bifocal display can be thought of as a '''continuous ribbon''' of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Most importantly, it should be easily possible to "scroll" backwards and forwards, replacing the current region of interest with content from its surrounding context, thus expanding the newly focused region of interest and relegating the former region of interest to its place in the compressed context. [Spence, 2006]

== Usage ==
[[Image:Fisheye_grid.gif|frame|left||Scheme of applying a fisheye view]]
The original concept is limited to visualization problems with one main continuous dimension.
If we add a second dimension we get the concept of fisheye or magnifying glass (see image).
Both are applicable only in situations with continuous dimensions.
This is already reflected in [Apperley et al., 1982]:

Instead of simply compressing the context visually it could prove useful to choose a different representation for the peripheral viewports than is used for the central viewport.

In many situations the context is best displayed by some sort of graph, the most common example being the filesystem tree.

[[Image:Chart timewall3.jpg|frame|right||TimeWall(TM) by Inxight Software, Inc.(TM) - Employment of the metaphor of continuous ribbon in a commercial application]]
Depending on how broad the metaphor of bifocal display is understood, one can see all types of applications with some sort of ''navigation'' and ''detail'' pane as applying the visualisation strategy of ''bifocal display''.

Following the various techniques are summarized:
* '''continuous ribbon''' - "the original" but only applicable for timelines or similar one-dimensional visualisation problems.
* '''fisheye view / magnyfing glass''' - very useful for viewing maps or plans
* '''tree + detail''' - probably the most widespread technique (email client, filesystem browser, etc)
* '''graph + detail''' - eg modeling tools which provide interactive viewports with zoomable views of a graph allowing to simply access the detailed information of its nodes or edges.

== References ==
*[Spence, 2006] Bob Spence, The Acquisition of Insight. Accessed at: Oct 29, 2006, http://www.ee.ic.ac.uk/research/information/www/Bobs.html#Context
*[Apperley et al., 1982] M.D. Apperley, I. Tzavaras, R. Spence. A bifocal display technique for data presentation. ''Eurographics '82'', p. 27. Abstract: http://diglib.eg.org/EG/DL/Conf/EG82/papers/EUROGRAPHICS_82pp027-043.pdf.abstract.pdf

'''Current Applications''' - bifocal display in practice:
*[Inxight, 2006] Inxight VizServer - corporate website, product section. Accessed at: Oct 30, 2006. http://www.inxight.com/products/vizserver/
*[Brain, 2006] TheBrainEKP: Enterprise Knowledge Platform - corporate website, product section. Accessed at: Oct 30, 2006. http://www.thebrain.com/Overview/default.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display

2006-10-30T14:45:12Z

UE-InfoVis0607 0226750: /* References */

== Definition ==
A '''bifocal display''' provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Context ==
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible. [Spence, 2006]
This is known as the [[Focus-plus-Context|"focus+context"]] problem.

== Original concept ==
[[Image:Bifocal_display_01.gif|frame|right||Bifocal display visualised as a continuous ribbon]]To address this problem, [[Spence, Robert|Spence]] and [[Apperley, Mark|Apperley]] proposed their ''bifocal display'':

A bifocal display can be thought of as a '''continuous ribbon''' of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Most importantly, it should be easily possible to "scroll" backwards and forwards, replacing the current region of interest with content from its surrounding context, thus expanding the newly focused region of interest and relegating the former region of interest to its place in the compressed context. [Spence, 2006]

== Usage ==
[[Image:Fisheye_grid.gif|frame|left||Scheme of applying a fisheye view]]
The original concept is limited to visualization problems with one main continuous dimension.
If we add a second dimension we get the concept of fisheye or magnifying glass (see image).
Both are applicable only in situations with continuous dimensions.
This is already reflected in [Apperley et al., 1982]:

Instead of simply compressing the context visually it could prove useful to choose a different representation for the peripheral viewports than is used for the central viewport.

In many situations the context is best displayed by some sort of graph, the most common example being the filesystem tree.

[[Image:Chart timewall3.jpg|frame|right||TimeWall(TM) by Inxight Software, Inc.(TM) - Employment of the metaphor of continuous ribbon in a commercial application]]
Depending on how broad the metaphor of bifocal display is understood, one can see all types of applications with some sort of ''navigation'' and ''detail'' pane as applying the visualisation strategy of ''bifocal display''.

Following the various techniques are summarized:
* '''continuous ribbon''' - "the original" but only applicable for timelines or similar one-dimensional visualisation problems.
* '''fisheye view / magnyfing glass''' - very useful for viewing maps or plans
* '''tree + detail''' - probably the most widespread technique (email client, filesystem browser, etc)
* '''graph + detail''' - eg modeling tools which provide interactive viewports with zoomable views of a graph allowing to simply access the detailed information of its nodes or edges.

== References ==
*[Spence, 2006] Bob Spence, The Acquisition of Insight. Accessed at: Oct 29, 2006, http://www.ee.ic.ac.uk/research/information/www/Bobs.html#Context
*[Apperley et al., 1982] M.D. Apperley, I. Tzavaras, R. Spence. A bifocal display technique for data presentation. ''Eurographics '82'', p. 27. Abstract: http://diglib.eg.org/EG/DL/Conf/EG82/papers/EUROGRAPHICS_82pp027-043.pdf.abstract.pdf

'''Current Applications''' - bifocal display in practice:
*[Inxight, 2006] Inxight VizServer - corporate website, product section. Accessed at: Oct 30, 2006. http://www.inxight.com/products/vizserver/
*[Brain, 2006] TheBrainEKP: Enterprise Knowledge Platform - corporate website, product section. Accessed at: Oct 30, 2006. http://www.thebrain.com/Overview/default.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display

2006-10-30T14:44:03Z

UE-InfoVis0607 0226750: typos

== Definition ==
A '''bifocal display''' provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Context ==
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible. [Spence, 2006]
This is known as the [[Focus-plus-Context|"focus+context"]] problem.

== Original concept ==
[[Image:Bifocal_display_01.gif|frame|right||Bifocal display visualised as a continuous ribbon]]To address this problem, [[Spence, Robert|Spence]] and [[Apperley, Mark|Apperley]] proposed their ''bifocal display'':

A bifocal display can be thought of as a '''continuous ribbon''' of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Most importantly, it should be easily possible to "scroll" backwards and forwards, replacing the current region of interest with content from its surrounding context, thus expanding the newly focused region of interest and relegating the former region of interest to its place in the compressed context. [Spence, 2006]

== Usage ==
[[Image:Fisheye_grid.gif|frame|left||Scheme of applying a fisheye view]]
The original concept is limited to visualization problems with one main continuous dimension.
If we add a second dimension we get the concept of fisheye or magnifying glass (see image).
Both are applicable only in situations with continuous dimensions.
This is already reflected in [Apperley et al., 1982]:

Instead of simply compressing the context visually it could prove useful to choose a different representation for the peripheral viewports than is used for the central viewport.

In many situations the context is best displayed by some sort of graph, the most common example being the filesystem tree.

[[Image:Chart timewall3.jpg|frame|right||TimeWall(TM) by Inxight Software, Inc.(TM) - Employment of the metaphor of continuous ribbon in a commercial application]]
Depending on how broad the metapher of bifocal display is understood, one can see all types of applications with some sort of ''navigation'' and ''detail'' pane as applying the visualisation strategy of ''bifocal display''.

Following the various techniques are summarized:
* '''continuous ribbon''' - "the original" but only applicable for timelines or similar one-dimensional visualisation problems.
* '''fisheye view / magnyfing glass''' - very useful for viewing maps or plans
* '''tree + detail''' - probably the most widespread technique (email client, filesystem browser, etc)
* '''graph + detail''' - eg modeling tools which provide interactive viewports with zoomable views of a graph allowing to simply access the detailed information of its nodes or edges.

== References ==
*[Spence, 2006] Bob Spence, The Acquisition of Insight. Accessed at: Oct 29, 2006, http://www.ee.ic.ac.uk/research/information/www/Bobs.html#Context
*[Apperley et al., 1982] M.D. Apperley, I. Tzavaras, R. Spence. A bifocal display technique for data presentation. ''Eurographics '82'', p. 27. Abstract: http://diglib.eg.org/EG/DL/Conf/EG82/papers/EUROGRAPHICS_82pp027-043.pdf.abstract.pdf

'''Current Applications''' - bifocal display in practice:
*[Inxight, 2006] Inxight VizServer - corporate website, product section. Accessed at: Oct 30, 2006. http://www.inxight.com/products/vizserver/
*[Brain, 2006] TheBrainEKP: Enterprise Knowledge Platform - corporate website, product section. Accessed at: Oct 30, 2006.
http://www.thebrain.com/Overview/default.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display

2006-10-30T14:41:10Z

UE-InfoVis0607 0226750:

== Definition ==
A '''bifocal display''' provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Context ==
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible. [Spence, 2006]
This is known as the [[Focus-plus-Context|"focus+context"]] problem.

== Original concept ==
[[Image:Bifocal_display_01.gif|frame|right||Bifocal display visualised as a continuous ribbon]]To address this problem, [[Spence, Robert|Spence]] and [[Apperley, Mark|Apperley]] proposed their ''bifocal display'':

A bifocal display can be thought of as a '''continuous ribbon''' of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Most importantly, it should be easily possible to "scroll" backwards and forwards, replacing the current region of interest with content from its surrounding context, thus expanding the newly focused region of interest and relegating the former region of interest to its place in the compressed context. [Spence, 2006]

== Usage ==
[[Image:Fisheye_grid.gif|frame|left||Scheme of applying a fish-eye view]]
The original concept is limited to visualization problems with one main continuous dimension.
If we add a second dimension we get the concept of fish-eye or magnifying glass (see image).
Both are rather applicable only in situations with continuous dimensions.
This is already reflected in [Apperley et al., 1982]:

Instead of simply compressing the context visually it could prove useful to choose a different representation for the peripherial viewports than is used for the central viewport.

In many situations the context is best displayed by some sort of graph, the most common example being the filesystem-tree.

[[Image:Chart timewall3.jpg|frame|right||TimeWall(TM) by Inxight Software, Inc.(TM) - Employment of the metaphor of continuous ribbon in a commercial application]]
Depending on how broad the metapher of bifocal display is understood, one can see all types of applications with some sort of ''navigation'' and ''detail'' pane as applying the visualisation strategy of ''bifocal display''.

Following the various techniques are summarized:
* '''continuous ribbon''' - "the original" but only applicable for timelines or similar one-dimensional visualisation problems.
* '''fisheye view / magnyfing glass''' - very useful for viewing maps or plans
* '''tree + detail''' - probably the most wide-spread technique (email client, filesystem browser, etc)
* '''graph + detail''' - eg modeling tools which provide interactive viewports with zoomable views of a graph allowing to simply access the detailed information of its nodes or edges.

== References ==
*[Spence, 2006] Bob Spence, The Acquisition of Insight. Accessed at: Oct 29, 2006, http://www.ee.ic.ac.uk/research/information/www/Bobs.html#Context
*[Apperley et al., 1982] M.D. Apperley, I. Tzavaras, R. Spence. ''A bifocal display technique for data presentation''. Eurographics '82, p. 27. Abstract: http://diglib.eg.org/EG/DL/Conf/EG82/papers/EUROGRAPHICS_82pp027-043.pdf.abstract.pdf

'''Current Applications''' - bifocal display in practice:
*[Inxight, 2006] Inxight VizServer - corporate website, product section. Accessed at: Oct 30, 2006. http://www.inxight.com/products/vizserver/
*[Brain, 2006] TheBrainEKP: Enterprise Knowledge Platform - corporate website, product section. Accessed at: Oct 30, 2006.
http://www.thebrain.com/Overview/default.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display

2006-10-30T14:40:34Z

UE-InfoVis0607 0226750:

== Definition ==
A '''bifocal display''' provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Context ==
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible. [Spence, 2006]
This is known as the [[Focus-plus-Context|"focus+context"]] problem.

== Original concept ==
[[Image:Bifocal_display_01.gif|frame|right||Bifocal display visualised as a continuous ribbon]]To address this problem, [[Spence, Robert|Spence]] and [[Apperley, Mark|Apperley]] proposed their ''bifocal display'':

A bifocal display can be thought of as a '''continuous ribbon''' of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Most importantly, it should be easily possible to "scroll" backwards and forwards, replacing the current region of interest with content from its surrounding context, thus expanding the newly focused region of interest and relegating the former region of interest to its place in the compressed context. [Spence, 2006]

== Usage ==
[[Image:Fisheye_grid.gif|frame|left||Scheme of applying a fish-eye view]]
The original concept is limited to visualization problems with one main continuous dimension.
If we add a second dimension we get the concept of fish-eye or magnifying glass (see image).
Both are rather applicable only in situations with continuous dimensions.
This is already reflected in [Apperley et al., 1982]:

Instead of simply compressing the context visually it could prove useful to choose a different representation for the peripherial viewports than is used for the central viewport.

In many situations the context is best displayed by some sort of graph, the most common example being the filesystem-tree.

[[Image:Chart timewall3.jpg|frame|right||TimeWall(TM) by Inxight Software, Inc.(TM) - Employment of the metapher of continuous ribbon in a commercial application]]
Depending on how broad the metapher of bifocal display is understood, one can see all types of applications with some sort of ''navigation'' and ''detail'' pane as applying the visualisation strategy of ''bifocal display''.

Following the various techniques are summarized:
* '''continuous ribbon''' - "the original" but only applicable for time-lines or similar one-dimensional visualisation problems.
* '''fisheye view / magnyfing glass''' - very useful for viewing maps or plans
* '''tree + detail''' - probably the most wide-spread technique (email-client, filesystem-browser, etc)
* '''graph + detail''' - eg modeling tools which provide interactive viewports with zoomable views of a graph allowing to simply access the detailed information of its nodes or edges.

== References ==
*[Spence, 2006] Bob Spence, The Acquisition of Insight. Accessed at: Oct 29, 2006, http://www.ee.ic.ac.uk/research/information/www/Bobs.html#Context
*[Apperley et al., 1982] M.D. Apperley, I. Tzavaras, R. Spence. ''A bifocal display technique for data presentation''. Eurographics '82, p. 27. Abstract: http://diglib.eg.org/EG/DL/Conf/EG82/papers/EUROGRAPHICS_82pp027-043.pdf.abstract.pdf

'''Current Applications''' - bifocal display in practice:
*[Inxight, 2006] Inxight VizServer - corporate web-site, product section. Accessed at: Oct 30, 2006. http://www.inxight.com/products/vizserver/
*[Brain, 2006] TheBrainEKP: Enterprise Knowledge Platform - corporate web-site, product section. Accessed at: Oct 30, 2006.
http://www.thebrain.com/Overview/default.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display

2006-10-30T09:58:14Z

UE-InfoVis0607 0226750: references, wikifying

== Definition ==
A bifocal display provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Original concept ==
[[Image:Bifocal_display_01.gif|frame|right||Bifocal display visualised as a continuous ribbon]]
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible. [Spence, 2006]

This is known as the [[Focus-plus-Context|"focus+context"]] problem. To address this problem, [[Spence, Robert|Spence]] and [[Apperley, Mark|Apperley]] proposed their "bifocal display". A bifocal display can be thought of as a continuous ribbon of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Instead of simply compressing the context visually it could prove useful to choose a diffent representation for the peripherial viewports than is used for the central viewport. [Apperley et al., 1982]

Most importantly, it should be easily possible to "scroll" backwards and forwards, replacing the current region of interest with content from its surrounding context, thus expanding the newly focused region of interest and relegating the former region of interest to its place in the compressed context. [Spence, 2006]

== Applications ==
[[Image:Bifocal_display_02.gif|frame|right|thumb|175px||Text documents displayed using a bifocal display]]
It would make sense to represent multiple documents, such as text files, using a bifocal display. The current file (region of interest) would be displayed in full on the primary (centre) display while other files would be represented by shapes on the peripherial displays. One could scroll through the documents and put individual files in and out of focus. Documents could be represented by different shape and colours, depending on characteristics such as importance, type or author. [Spence 2006]

== References ==
*[Spence, 2006] Bob Spence, The Acquisition of Insight. Accessed at: 29 Oct. 2006, http://www.ee.ic.ac.uk/research/information/www/Bobs.html#Context
*[Apperley et al., 1982] M.D. Apperley, I. Tzavaras, R. Spence, A bifocal display technique for data presentation, ''Eurographics '82, p. 27''.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display

2006-10-29T18:03:23Z

UE-InfoVis0607 0226750:

== Definition ==
A bifocal display provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Original concept ==
[[Image:Bifocal_display_01.gif|frame|right||<center>Bifocal display visualised as a continuous ribbon</center>]]
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible.

This is known as the "focus+context" problem. To address this problem, Spence and Apperley proposed their "bifocal display". A bifocal display can be thought of as a continuous ribbon of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Most importantly, it should be easily possible to "scroll" backwards and forwards, replacing the current region of interest with content from its surrounding context and thus expanding the newly focused region of interest and relegating the former region of interest to its place in the compressed context.

== Applications ==
[[Image:Bifocal_display_02.gif|frame|right|thumb|175px||Text documents using a bifocal display]]
It would make sense to represent multiple documents, such as text files, using a bifocal display. The current file (region of interest) would be displayed in full on the primary (centre) display while other files would be represented by shapes on the peripherial displays. One could scroll through the documents and put individual files in and out of focus. Documents could be represented by different shape and colours, depending on characteristics such as importance, type or author.

File:Bifocal display 02.gif

2006-10-29T17:52:46Z

UE-InfoVis0607 0226750: Text documents using a bifocal display

== Summary ==
Text documents using a bifocal display
== Copyright status ==
Bob Spence
== Source ==
http://www.ee.ic.ac.uk/research/information/www/Bobs.html

File:Bifocal display 01.gif

2006-10-29T16:52:18Z

UE-InfoVis0607 0226750: Bifocal display visualised as a continous ribbon

== Summary ==
Bifocal display visualised as a continous ribbon
== Copyright status ==

== Source ==
http://www.ee.ic.ac.uk/research/information/www/Bobs.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display

2006-10-29T16:47:03Z

UE-InfoVis0607 0226750: kopiert aus Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_01_-_Aufgabe_1_-_Bifocal_Display

== Definition ==
A bifocal display provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Original concept ==
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible.

This is known as the "focus+context" problem. To address this problem, Spence and Apperley proposed their "bifocal display". A bifocal display can be thought of as a continuous ribbon of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1

2006-10-29T16:45:58Z

UE-InfoVis0607 0226750: Falsche Gruppe in URL f. Bifocal Display (Gruppe 1 statt 8), korrigiert und Text kopiert

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe1.html Beschreibung der Aufgabe 1]
=== Auszuarbeitende InfoVis Begriffe ===
*'''[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1 - Bifocal Display|Bifocal Display]]'''

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 1 - Bifocal Display

2006-10-29T16:42:32Z

UE-InfoVis0607 0226750:

== Definition ==
A bifocal display provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Original concept ==
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible.

This is known as the "focus+context" problem. To address this problem, Spence and Apperley proposed their "bifocal display". A bifocal display can be thought of as a continuous ribbon of data that is displayed on three seperate viewports or monitors (see image). The centre viewport is used to display the current region of interest while the left and right viewports are used to display the preceding and succeeding context respectively. The region of interest is displayed in great detail while the context in compressed, so as to allow one to identify objects at a cursory glance.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 1 - Bifocal Display

2006-10-29T16:04:36Z

UE-InfoVis0607 0226750:

== Definition ==
A bifocal display provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

== Original concept ==
The desire to present all the relevant information within its context usually results in an extremely cluttered and confusing display. If only the current region of interest is displayed, one has to arrange for a mechanism to quickly switch to relevant information before and after the region of interest. Even so, much of the surrounding context is lost as it's not as easily accessible.

This is known as the "focus+context" problem. To address this problem, Spence and Apperley proposed their "bifocal display".

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 1 - Bifocal Display

2006-10-29T14:01:20Z

UE-InfoVis0607 0226750:

=== Definition ===
A bifocal display provides a detailed view of the current region of interest while providing a more compressed view of information outside that region of interest.

=== Original concept ===

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08

2006-10-29T13:28:20Z

UE-InfoVis0607 0226750:

=== Mitglieder ===
* [[User:UE-InfoVis0607 0005416|Durco, Matej]]
* [[User:UE-InfoVis0607 0226750|Götzinger, Stefan]]

=== Aufgaben ===
* [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 1|Aufgabe 1]]
* [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 2|Aufgabe 2]]
* [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08 - Aufgabe 3|Aufgabe 3]]

=== Links ===
* [[Teaching:TUW - UE InfoVis WS 2006/07|InfoVis-Wiki Übungs-Homepage]]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08

2006-10-29T13:28:02Z

UE-InfoVis0607 0226750:

User:UE-InfoVis0607 0226750

2006-10-24T12:01:03Z

UE-InfoVis0607 0226750:

==Personendaten==
*'''Name:''' Stefan Götzinger
*'''Matrikel-Nr.:''' 0226750
*'''Studienkennzahl:''' E 033 533
*'''e-mail:''' stefan.goetzinger@student.tuwien.ac.at

==Links==
*Gruppenseite: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08|Gruppe 08]]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 08

2006-10-24T11:59:33Z

UE-InfoVis0607 0226750: Mitglied hinzugefügt