InfoVis:Wiki - User contributions [en]

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

2006-11-13T21:26:50Z

UE-InfoVis0607 0025559: /* Better graphic */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions ===

* The first thing one will notice when looking at this diagram is: The shark.

* The next things, that really catch one's eye are the other graphical symbols, arranged from bottom left to top right, which seem to stand in a linear relationship.

* Then you see the horizontal axis, positioned in the middle of the graphic, reading "More risk, less fear" on the left and "More fear, less risk" on the right.

* Then finally you get to notice the actual values and the legend - if you don't get distracted by the nearly unreadable article text in the upper left of the image.

=== Design ===

Before analyzing the actual data in the graphic we try to evaluate the graphic from a design point of view:

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there are a huge number of visual elements (e.g. the huge shark) which not only are unnecessary to visualize the data itself, but even prevent/distract you from concentrating on the message of the graphic. They are completely dispensable as they add no information that is not already provided by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat misleading. The axis is placed in the middle of the diagram and suggesting a separation of the risk categories in some way (e.g. into a negative/positive region). There is no logical reason for locating the axis in the middle. A y-axis is not even displayed, although elements are also arranged vertically.

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axes. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk but that isn't the case. See below in the "Detailed analysis of the data"-section.

* '''Text on graphic:''' The article text in the upper left does not belong in the graphic itself and should be shown separately. As it is it is nearly unreadable due to its small size and distracting the viewer from the information in graphic. Additionally there are some comments (e.g. on missing values or specific conditions under which these values were obtained) directly on the graph which again distract from the its message, as the user has to read them to check if they contain important information (which mostly they don't).

* '''Data density:''' The graphic gets a pretty bad rating here too, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what can be accomplished by just an improvement of the Data-Ink-Ratio we created this simplification of the original graphic:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer" data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

The table shows 13 risk categories each with three types of information: odds of injury, odds of death and a "fear index", built on the "number of newspaper articles written last summer" about this risk category.

* '''Axis order:''' As already stated above, the data is only ordered by "odds of injury" and so of course the visual realtion ship seems linear
* Three records have no values for either odds of injury or odds of death, but are still positioned in the graphic.
* No apparent correlation between odds of injury and number of articles exists, though the graphic tries to convince the viewer otherwise. The few correlations that do exist can be attributed to chance.
* Is the number of articles written about a subject really a good measure for fear of this subject? Exactly the opposite could be claimed in that the more people know about a subject (i.e. the more articles they read about it), the less they fear it.

* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
'''REM:''' Was ist gemeint mit "where does the trend come from?" Dass der Anstieg nach injuries ist haben wir eh schon. -MM

* Outliers ??? What to write about them
'''REM:''' Ich denk nicht, dass man über die Ausreißer speziell noch was schreiben muss. Dass die keine Korrellation injuries/articles existiert haben wir schon und die outliers können uns eigenlich egal sein. -MM

Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.
Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

'''REM:''' Brauen wir wirklich eine genaue statistische Analyse? Darum gehts doch überhaupt nicht. Dass die Daten nicht zusammenhängen sieht man eh schön, müssen wir das wirklich genauer untermauern? -MM

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic could not be supported by the actual data. We analyzed the values with several different diagrams and concluded that a rising odds of injury is not related to a lesser (or higher) number of articles. According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does. Therefore we try to visualize the data in a new diagram, not supporting the original "more risk, less fear"-thesis.

Because of the wide spread of the values, we had to use a logarithmic scale. Data are ordered by the number of articles, no connection to the other dimensions can be found. The only correlation that might exist is between the odds of injury and the odds of dying.

[[image:Aufgabe2Diagramm.png|none|thumb|500px|none]]

'''REM:''' Bitte an denjenigen der die Grafik jetzt gemacht hat: Beschriftungen der Linien ans Ende der Linien setzen. Und wenn möglich einheitliche Symbole für die Punkte nehmen (nicht einmal Karos, einmal Dreiecke, ...). -MM

Another way of presenting the data is to use one total risk value for both the death and the injury odds. In that way we can simplifiy the graphic by using some kind of block diagram. The blocks represent the total risk in percent and are ordered by the number of articles. According to the author of the original graphic, the number of articles written about a risk is equal to the risk's fear index. Because of that, we'll also use the fear index as the x-axis inscription. In that way one can easily see, that there is absolutly no relation between people's fears and the risk of getting involved with the corresponding dangers.

[[Image:FearRisk_Block.png|none|thumb|500px|none|Total risk of the dangers]]

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

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

2006-11-13T21:02:56Z

UE-InfoVis0607 0025559: /* Better graphic */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions ===

* The first thing one will notice when looking at this diagram is: The shark.

* The next things, that really catch one's eye are the other graphical symbols, arranged from bottom left to top right, which seem to stand in a linear relationship.

* Then you see the horizontal axis, positioned in the middle of the graphic, reading "More risk, less fear" on the left and "More fear, less risk" on the right.

* Then finally you get to notice the actual values and the legend - if you don't get distracted by the nearly unreadable article text in the upper left of the image.

=== Design ===

Before analyzing the actual data in the graphic we try to evaluate the graphic from a design point of view:

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there are a huge number of visual elements (e.g. the huge shark) which not only are unnecessary to visualize the data itself, but even prevent/distract you from concentrating on the message of the graphic. They are completely dispensable as they add no information that is not already provided by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat misleading. The axis is placed in the middle of the diagram and suggesting a separation of the risk categories in some way (e.g. into a negative/positive region). There is no logical reason for locating the axis in the middle. A y-axis is not even displayed, although elements are also arranged vertically.

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axes. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk but that isn't the case. While the risk decreases from left to right, which is what the axis says, the fear ranking (number of articles) doesn't play into the representation at all. As it can be easily seen that the risk categories aren't ordered by the article numbers. Nonetheless the categories are arranged in an ascending order. Which is slightly confusing as the line should be descending independently if the unit assignment is: x-axis:Amount of risk; y-axis:Amount of fear (Low risk is meant to implie High fear); or the other way around. So the reality is: The data is only ordered by the "odds of injury" and then simply placed on an ascending line implying a linear relationship.

* '''Text on graphic:''' The article text in the upper left does not belong in the graphic itself and should be shown separately. As it is it is nearly unreadable due to its small size and distracting the viewer from the information in graphic. Additionally there are some comments (e.g. on missing values or specific conditions under which these values were obtained) directly on the graph which again distract from the its message, as the user has to read them to check if they contain important information (which mostly they don't).

* '''Data density:''' The graphic gets a pretty bad rating here too, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what can be accomplished by just an improvement of the Data-Ink-Ratio we created this simplification of the original graphic:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer" data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

It shows us 13 risk categories each with three types of information: odds of injury, odds of death and a "fear index", built on the "number of newspaper articles written last summer" about this risk category.

* Order on both the axes seems to be the odds of injury (descending from left to right and bottom to top).
* Three records have no values for either odds of injury or odds of death, but are still positioned in the graphic.
* No apparent correlation between odds of injury and number of articles exists, though the graphic tries to convince the viewer otherwise. The few correlations that do exist can be attributed to chance.
* Is the number of articles written about a subject really a good measure for fear of this subject? Exactly the opposite could be claimed in that the more people know about a subject (i.e. the more articles they read about it), the less they fear it.

* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
'''REM:''' Was ist gemeint mit "where does the trend come from?" Dass der Anstieg nach injuries ist haben wir eh schon. -MM

* Outliers ??? What to write about them
'''REM:''' Ich denk nicht, dass man über die Ausreißer speziell noch was schreiben muss. Dass die keine Korrellation injuries/articles existiert haben wir schon und die outliers können uns eigenlich egal sein. -MM

Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.
Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

'''REM:''' Brauen wir wirklich eine genaue statistische Analyse? Darum gehts doch überhaupt nicht. Dass die Daten nicht zusammenhängen sieht man eh schön, müssen wir das wirklich genauer untermauern? -MM

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic could not be supported by the actual data. We analyzed the values with several different diagrams and concluded that a rising odds of injury is not related to a lesser (or higher) number of articles. According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does. Therefore we try to visualize the data in a new diagram, not supporting the original "more risk, less fear"-thesis.

Because of the wide spread of the values, we had to use a logarithmic scale. Data are ordered by the number of articles, no connection to the other dimensions can be found. The only correlation that might exist is between the odds of injury and the odds of dying.

[[image:Aufgabe2Diagramm.png]]

'''REM:''' Bitte an denjenigen der die Grafik jetzt gemacht hat: Beschriftungen der Linien ans Ende der Linien setzen. Und wenn möglich einheitliche Symbole für die Punkte nehmen (nicht einmal Karos, einmal Dreiecke, ...). -MM

Another way of presenting the data is to use one total risk value for both the death and the injury odds. In that way we can simplifiy the graphic by using some kind of block diagram. The blocks represent the total risk in percent and are ordered by the number of articles. According to the author of the original graphic, the number of articles written about a risk is equal to the risk's fear index. Because of that, we'll also use the fear index as the x-axis inscription. In that way one can easily see, that there is absolutly no relation between people's fears and the risk of getting involved with the corresponding dangers.

[[Image:FearRisk_Block.png]]

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

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

2006-11-13T21:02:08Z

UE-InfoVis0607 0025559: /* Better graphic */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions ===

* The first thing one will notice when looking at this diagram is: The shark.

* The next things, that really catch one's eye are the other graphical symbols, arranged from bottom left to top right, which seem to stand in a linear relationship.

* Then you see the horizontal axis, positioned in the middle of the graphic, reading "More risk, less fear" on the left and "More fear, less risk" on the right.

* Then finally you get to notice the actual values and the legend - if you don't get distracted by the nearly unreadable article text in the upper left of the image.

=== Design ===

Before analyzing the actual data in the graphic we try to evaluate the graphic from a design point of view:

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there are a huge number of visual elements (e.g. the huge shark) which not only are unnecessary to visualize the data itself, but even prevent/distract you from concentrating on the message of the graphic. They are completely dispensable as they add no information that is not already provided by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat misleading. The axis is placed in the middle of the diagram and suggesting a separation of the risk categories in some way (e.g. into a negative/positive region). There is no logical reason for locating the axis in the middle. A y-axis is not even displayed, although elements are also arranged vertically.

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axes. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk but that isn't the case. While the risk decreases from left to right, which is what the axis says, the fear ranking (number of articles) doesn't play into the representation at all. As it can be easily seen that the risk categories aren't ordered by the article numbers. Nonetheless the categories are arranged in an ascending order. Which is slightly confusing as the line should be descending independently if the unit assignment is: x-axis:Amount of risk; y-axis:Amount of fear (Low risk is meant to implie High fear); or the other way around. So the reality is: The data is only ordered by the "odds of injury" and then simply placed on an ascending line implying a linear relationship.

* '''Text on graphic:''' The article text in the upper left does not belong in the graphic itself and should be shown separately. As it is it is nearly unreadable due to its small size and distracting the viewer from the information in graphic. Additionally there are some comments (e.g. on missing values or specific conditions under which these values were obtained) directly on the graph which again distract from the its message, as the user has to read them to check if they contain important information (which mostly they don't).

* '''Data density:''' The graphic gets a pretty bad rating here too, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what can be accomplished by just an improvement of the Data-Ink-Ratio we created this simplification of the original graphic:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer" data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

It shows us 13 risk categories each with three types of information: odds of injury, odds of death and a "fear index", built on the "number of newspaper articles written last summer" about this risk category.

* Order on both the axes seems to be the odds of injury (descending from left to right and bottom to top).
* Three records have no values for either odds of injury or odds of death, but are still positioned in the graphic.
* No apparent correlation between odds of injury and number of articles exists, though the graphic tries to convince the viewer otherwise. The few correlations that do exist can be attributed to chance.
* Is the number of articles written about a subject really a good measure for fear of this subject? Exactly the opposite could be claimed in that the more people know about a subject (i.e. the more articles they read about it), the less they fear it.

* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
'''REM:''' Was ist gemeint mit "where does the trend come from?" Dass der Anstieg nach injuries ist haben wir eh schon. -MM

* Outliers ??? What to write about them
'''REM:''' Ich denk nicht, dass man über die Ausreißer speziell noch was schreiben muss. Dass die keine Korrellation injuries/articles existiert haben wir schon und die outliers können uns eigenlich egal sein. -MM

Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.
Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

'''REM:''' Brauen wir wirklich eine genaue statistische Analyse? Darum gehts doch überhaupt nicht. Dass die Daten nicht zusammenhängen sieht man eh schön, müssen wir das wirklich genauer untermauern? -MM

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic could not be supported by the actual data. We analyzed the values with several different diagrams and concluded that a rising odds of injury is not related to a lesser (or higher) number of articles. According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does. Therefore we try to visualize the data in a new diagram, not supporting the original "more risk, less fear"-thesis.

Because of the wide spread of the values, we had to use a logarithmic scale. Data are ordered by the number of articles, no connection to the other dimensions can be found. The only correlation that might exist is between the odds of injury and the odds of dying.

[[image:Aufgabe2Diagramm.png]]

'''REM:''' Bitte an denjenigen der die Grafik jetzt gemacht hat: Beschriftungen der Linien ans Ende der Linien setzen. Und wenn möglich einheitliche Symbole für die Punkte nehmen (nicht einmal Karos, einmal Dreiecke, ...). -MM

Another way of presenting the data is to use one total risk value for both the death and the injury odds. In that way we can simplifiy the graphic by using some kind of block diagram. The blocks represent the total risk in percent and are ordered by the number of articles. According to the author of the original graphic, the number of articles written about a risk is equal to the risk's fear index. Because of that, we'll also use the fear index as the x-axis inscription. In that way one can easily see, that there is absolutly no relation between the people's fears and the risk of getting involved with the corresponding dangers.

[[Image:FearRisk_Block.png]]

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

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

2006-11-13T21:01:00Z

UE-InfoVis0607 0025559: /* Better graphic */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions ===

* The first thing one will notice when looking at this diagram is: The shark.

* The next things, that really catch one's eye are the other graphical symbols, arranged from bottom left to top right, which seem to stand in a linear relationship.

* Then you see the horizontal axis, positioned in the middle of the graphic, reading "More risk, less fear" on the left and "More fear, less risk" on the right.

* Then finally you get to notice the actual values and the legend - if you don't get distracted by the nearly unreadable article text in the upper left of the image.

=== Design ===

Before analyzing the actual data in the graphic we try to evaluate the graphic from a design point of view:

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there are a huge number of visual elements (e.g. the huge shark) which not only are unnecessary to visualize the data itself, but even prevent/distract you from concentrating on the message of the graphic. They are completely dispensable as they add no information that is not already provided by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat misleading. The axis is placed in the middle of the diagram and suggesting a separation of the risk categories in some way (e.g. into a negative/positive region). There is no logical reason for locating the axis in the middle. A y-axis is not even displayed, although elements are also arranged vertically.

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axes. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk but that isn't the case. While the risk decreases from left to right, which is what the axis says, the fear ranking (number of articles) doesn't play into the representation at all. As it can be easily seen that the risk categories aren't ordered by the article numbers. Nonetheless the categories are arranged in an ascending order. Which is slightly confusing as the line should be descending independently if the unit assignment is: x-axis:Amount of risk; y-axis:Amount of fear (Low risk is meant to implie High fear); or the other way around. So the reality is: The data is only ordered by the "odds of injury" and then simply placed on an ascending line implying a linear relationship.

* '''Text on graphic:''' The article text in the upper left does not belong in the graphic itself and should be shown separately. As it is it is nearly unreadable due to its small size and distracting the viewer from the information in graphic. Additionally there are some comments (e.g. on missing values or specific conditions under which these values were obtained) directly on the graph which again distract from the its message, as the user has to read them to check if they contain important information (which mostly they don't).

* '''Data density:''' The graphic gets a pretty bad rating here too, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what can be accomplished by just an improvement of the Data-Ink-Ratio we created this simplification of the original graphic:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer" data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

It shows us 13 risk categories each with three types of information: odds of injury, odds of death and a "fear index", built on the "number of newspaper articles written last summer" about this risk category.

* Order on both the axes seems to be the odds of injury (descending from left to right and bottom to top).
* Three records have no values for either odds of injury or odds of death, but are still positioned in the graphic.
* No apparent correlation between odds of injury and number of articles exists, though the graphic tries to convince the viewer otherwise. The few correlations that do exist can be attributed to chance.
* Is the number of articles written about a subject really a good measure for fear of this subject? Exactly the opposite could be claimed in that the more people know about a subject (i.e. the more articles they read about it), the less they fear it.

* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
'''REM:''' Was ist gemeint mit "where does the trend come from?" Dass der Anstieg nach injuries ist haben wir eh schon. -MM

* Outliers ??? What to write about them
'''REM:''' Ich denk nicht, dass man über die Ausreißer speziell noch was schreiben muss. Dass die keine Korrellation injuries/articles existiert haben wir schon und die outliers können uns eigenlich egal sein. -MM

Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.
Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

'''REM:''' Brauen wir wirklich eine genaue statistische Analyse? Darum gehts doch überhaupt nicht. Dass die Daten nicht zusammenhängen sieht man eh schön, müssen wir das wirklich genauer untermauern? -MM

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic could not be supported by the actual data. We analyzed the values with several different diagrams and concluded that a rising odds of injury is not related to a lesser (or higher) number of articles. According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does. Therefore we try to visualize the data in a new diagram, not supporting the original "more risk, less fear"-thesis.

Because of the wide spread of the values, we had to use a logarithmic scale. Data are ordered by the number of articles, no connection to the other dimensions can be found. The only correlation that might exist is between the odds of injury and the odds of dying.

[[image:Aufgabe2Diagramm.png]]

'''REM:''' Bitte an denjenigen der die Grafik jetzt gemacht hat: Beschriftungen der Linien ans Ende der Linien setzen. Und wenn möglich einheitliche Symbole für die Punkte nehmen (nicht einmal Karos, einmal Dreiecke, ...). -MM

Another way of presenting the data is to use one total risk value for both the death and the injury odds. In that way we can simplifiy the graphic by using some kind of block diagram. The blocks represent the total risk in percent and are ordered by the number of articles. According to the author of the original graphic, the number of articles written about a risk is equal to the risk's fear index. Because of that, we'll also use the fear index as the x-axis inscription. In that way one can easily see, that there is absolutly no relation between the people's fears and the risk of getting involved with a specified danger.

[[Image:FearRisk_Block.png]]

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

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

2006-11-13T21:00:50Z

UE-InfoVis0607 0025559: /* Better graphic */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions ===

* The first thing one will notice when looking at this diagram is: The shark.

* The next things, that really catch one's eye are the other graphical symbols, arranged from bottom left to top right, which seem to stand in a linear relationship.

* Then you see the horizontal axis, positioned in the middle of the graphic, reading "More risk, less fear" on the left and "More fear, less risk" on the right.

* Then finally you get to notice the actual values and the legend - if you don't get distracted by the nearly unreadable article text in the upper left of the image.

=== Design ===

Before analyzing the actual data in the graphic we try to evaluate the graphic from a design point of view:

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there are a huge number of visual elements (e.g. the huge shark) which not only are unnecessary to visualize the data itself, but even prevent/distract you from concentrating on the message of the graphic. They are completely dispensable as they add no information that is not already provided by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat misleading. The axis is placed in the middle of the diagram and suggesting a separation of the risk categories in some way (e.g. into a negative/positive region). There is no logical reason for locating the axis in the middle. A y-axis is not even displayed, although elements are also arranged vertically.

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axes. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk but that isn't the case. While the risk decreases from left to right, which is what the axis says, the fear ranking (number of articles) doesn't play into the representation at all. As it can be easily seen that the risk categories aren't ordered by the article numbers. Nonetheless the categories are arranged in an ascending order. Which is slightly confusing as the line should be descending independently if the unit assignment is: x-axis:Amount of risk; y-axis:Amount of fear (Low risk is meant to implie High fear); or the other way around. So the reality is: The data is only ordered by the "odds of injury" and then simply placed on an ascending line implying a linear relationship.

* '''Text on graphic:''' The article text in the upper left does not belong in the graphic itself and should be shown separately. As it is it is nearly unreadable due to its small size and distracting the viewer from the information in graphic. Additionally there are some comments (e.g. on missing values or specific conditions under which these values were obtained) directly on the graph which again distract from the its message, as the user has to read them to check if they contain important information (which mostly they don't).

* '''Data density:''' The graphic gets a pretty bad rating here too, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what can be accomplished by just an improvement of the Data-Ink-Ratio we created this simplification of the original graphic:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer" data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

It shows us 13 risk categories each with three types of information: odds of injury, odds of death and a "fear index", built on the "number of newspaper articles written last summer" about this risk category.

* Order on both the axes seems to be the odds of injury (descending from left to right and bottom to top).
* Three records have no values for either odds of injury or odds of death, but are still positioned in the graphic.
* No apparent correlation between odds of injury and number of articles exists, though the graphic tries to convince the viewer otherwise. The few correlations that do exist can be attributed to chance.
* Is the number of articles written about a subject really a good measure for fear of this subject? Exactly the opposite could be claimed in that the more people know about a subject (i.e. the more articles they read about it), the less they fear it.

* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
'''REM:''' Was ist gemeint mit "where does the trend come from?" Dass der Anstieg nach injuries ist haben wir eh schon. -MM

* Outliers ??? What to write about them
'''REM:''' Ich denk nicht, dass man über die Ausreißer speziell noch was schreiben muss. Dass die keine Korrellation injuries/articles existiert haben wir schon und die outliers können uns eigenlich egal sein. -MM

Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.
Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

'''REM:''' Brauen wir wirklich eine genaue statistische Analyse? Darum gehts doch überhaupt nicht. Dass die Daten nicht zusammenhängen sieht man eh schön, müssen wir das wirklich genauer untermauern? -MM

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic could not be supported by the actual data. We analyzed the values with several different diagrams and concluded that a rising odds of injury is not related to a lesser (or higher) number of articles. According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does. Therefore we try to visualize the data in a new diagram, not supporting the original "more risk, less fear"-thesis.

Because of the wide spread of the values, we had to use a logarithmic scale. Data are ordered by the number of articles, no connection to the other dimensions can be found. The only correlation that might exist is between the odds of injury and the odds of dying.

[[image:Aufgabe2Diagramm.png]]

'''REM:''' Bitte an denjenigen der die Grafik jetzt gemacht hat: Beschriftungen der Linien ans Ende der Linien setzen. Und wenn möglich einheitliche Symbole für die Punkte nehmen (nicht einmal Karos, einmal Dreiecke, ...). -MM

Another way of presenting the data is to use one total risk value for both the death and the injury odds. In that way we can simplifiy the graphic by using some kind of block diagram. The blocks represent the total risk in percent and are ordered by the number of articles. According to the author of the original graphic, the number of articles written about a risk is equal to the risk's fear index. Because of that, we'll also use the fear index as the x-axis' inscription. In that way one can easily see, that there is absolutly no relation between the people's fears and the risk of getting involved with a specified danger.

[[Image:FearRisk_Block.png]]

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

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

2006-11-13T20:56:07Z

UE-InfoVis0607 0025559: /* Better graphic */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions ===

* The first thing one will notice when looking at this diagram is: The shark.

* The next things, that really catch one's eye are the other graphical symbols, arranged from bottom left to top right, which seem to stand in a linear relationship.

* Then you see the horizontal axis, positioned in the middle of the graphic, reading "More risk, less fear" on the left and "More fear, less risk" on the right.

* Then finally you get to notice the actual values and the legend - if you don't get distracted by the nearly unreadable article text in the upper left of the image.

=== Design ===

Before analyzing the actual data in the graphic we try to evaluate the graphic from a design point of view:

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there are a huge number of visual elements (e.g. the huge shark) which not only are unnecessary to visualize the data itself, but even prevent/distract you from concentrating on the message of the graphic. They are completely dispensable as they add no information that is not already provided by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat misleading. The axis is placed in the middle of the diagram and suggesting a separation of the risk categories in some way (e.g. into a negative/positive region). There is no logical reason for locating the axis in the middle. A y-axis is not even displayed, although elements are also arranged vertically.

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axes. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk but that isn't the case. While the risk decreases from left to right, which is what the axis says, the fear ranking (number of articles) doesn't play into the representation at all. As it can be easily seen that the risk categories aren't ordered by the article numbers. Nonetheless the categories are arranged in an ascending order. Which is slightly confusing as the line should be descending independently if the unit assignment is: x-axis:Amount of risk; y-axis:Amount of fear (Low risk is meant to implie High fear); or the other way around. So the reality is: The data is only ordered by the "odds of injury" and then simply placed on an ascending line implying a linear relationship.

* '''Text on graphic:''' The article text in the upper left does not belong in the graphic itself and should be shown separately. As it is it is nearly unreadable due to its small size and distracting the viewer from the information in graphic. Additionally there are some comments (e.g. on missing values or specific conditions under which these values were obtained) directly on the graph which again distract from the its message, as the user has to read them to check if they contain important information (which mostly they don't).

* '''Data density:''' The graphic gets a pretty bad rating here too, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what can be accomplished by just an improvement of the Data-Ink-Ratio we created this simplification of the original graphic:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer" data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

It shows us 13 risk categories each with three types of information: odds of injury, odds of death and a "fear index", built on the "number of newspaper articles written last summer" about this risk category.

* Order on both the axes seems to be the odds of injury (descending from left to right and bottom to top).
* Three records have no values for either odds of injury or odds of death, but are still positioned in the graphic.
* No apparent correlation between odds of injury and number of articles exists, though the graphic tries to convince the viewer otherwise. The few correlations that do exist can be attributed to chance.
* Is the number of articles written about a subject really a good measure for fear of this subject? Exactly the opposite could be claimed in that the more people know about a subject (i.e. the more articles they read about it), the less they fear it.

* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
'''REM:''' Was ist gemeint mit "where does the trend come from?" Dass der Anstieg nach injuries ist haben wir eh schon. -MM

* Outliers ??? What to write about them
'''REM:''' Ich denk nicht, dass man über die Ausreißer speziell noch was schreiben muss. Dass die keine Korrellation injuries/articles existiert haben wir schon und die outliers können uns eigenlich egal sein. -MM

Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.
Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

'''REM:''' Brauen wir wirklich eine genaue statistische Analyse? Darum gehts doch überhaupt nicht. Dass die Daten nicht zusammenhängen sieht man eh schön, müssen wir das wirklich genauer untermauern? -MM

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic could not be supported by the actual data. We analyzed the values with several different diagrams and concluded that a rising odds of injury is not related to a lesser (or higher) number of articles. According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does. Therefore we try to visualize the data in a new diagram, not supporting the original "more risk, less fear"-thesis.

Because of the wide spread of the values, we had to use a logarithmic scale. Data are ordered by the number of articles, no connection to the other dimensions can be found. The only correlation that might exist is between the odds of injury and the odds of dying.

[[image:Aufgabe2Diagramm.png]]

'''REM:''' Bitte an denjenigen der die Grafik jetzt gemacht hat: Beschriftungen der Linien ans Ende der Linien setzen. Und wenn möglich einheitliche Symbole für die Punkte nehmen (nicht einmal Karos, einmal Dreiecke, ...). -MM

Another way of presenting the data is to use one total risk value for both the death and the injury odds. In that way we can simplifiy the graphic by using some kind of block diagram. The blocks represent the total risk in percent and are ordered by the number of articles. According to the author of the original graphic, the number of articles written about a risk is equal to the risk's fear index. Because of that, we'll also use the fear index as the x-axe's inscription. In that way one can easily see, that there is absolutly no relation between the people's fears and the risk of getting involved with a specified danger.

[[Image:FearRisk_Block.png]]

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

File:FearRisk Block.png

2006-11-13T20:54:32Z

UE-InfoVis0607 0025559: Graphic, which shows the risk of getting in contact with a specified danger (ordered by fear index)

== Summary ==
Graphic, which shows the risk of getting in contact with a specified danger (ordered by fear index)
== Copyright status ==

== Source ==

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

2006-11-12T22:32:59Z

UE-InfoVis0607 0025559: /* First impressions of the design */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions of the design ===

The first thing one will notice when looking at this diagramm is: The shark. 
The next things, that really catch ones eye are some graphical symbols on a "line" which seem to stand in a linear relationship. Then you see the horizontal axis, reading "More risk, less fear" on the left and "More fear, less risk" on the right, which is positioned at the middle of the graphic. 
Then finally you get to notice the "numbers" and the legend if you don't get distracted from the nearly unreadable article text in the upper left of the image.

Now we could finally go on and try to understand the message of the graphic. But instead of doing that we will stop for a moment and just evaluate the graphic from the design point.

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there a huge number of visual elements which not only aren't needed to display the data itself but instead even prevent/distract you from concentrating on the message of the graphic (e.g. the huge shark). They are completly dispensable as they add no info which isn't already given by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat disturbing. The axis is placed in the middle of the diagramm and suggesting a separation of the risk categorys in some way (e.g. into a negative/positive region).

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axis. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk. The risk decreases from left to right, which is what the axis says (and what we expect), but the risk categories are aranged in an ascending order. Which is slightly confusing as the expected ordering should be descending independently if the unit assignment is: x-axis:Amount of risk; y-axis:Amount of fear; or the other way around. So the reality is: The data is only ordered by the "odds of injury" and then simply placed on an ascending line implying a linear relationship.

* '''Text on graphic:''' Apart from the disturbing article text in the upper left, there are some comments (e.g. on missing values) directly on the graph which distract from the graphic's message, as you need to read them to check if they tell you something important, which they don't.

* '''Data density:''' Also here the graphic gets a pretty bad rating, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what just the improvement of the Data-Ink-Ratio can to do:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer"-data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

It shows us 13 risk categorys each with three types of information: odds of injury, odds of death and a "fear index", build on the "number of newspaper articles written last summer" about this risk category.

* At three Items are missing values, but they are still positioned somewhere
* Outliers ??? What to write about them
* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
* Ordering on x- and y-axis seems to be the odds of injury
* No correlation to e.g. Number of articles. What should be the "Fear Index"
Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.

Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic is not true. We explored the values with different diagrams. A rising odds injury doesn't always cause a higher number of articels.
According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does, but we try to visualize the data in a new diagram. Because of the wide spread of the values, we had to use a logarithmic scale.

??? bitte bild hier einfügen ???

As you can see, there is no clear correlation between the different dimensions.

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

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

2006-10-30T21:37:25Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries [[Film_Finder|Film Finder]]]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI component's name derives from that interpretation. Depending on the range slider's functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. Given all that, is what makes a range slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume).

[[Image:Slider.png|thumb|300px|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

== Implementation/Usage aspects ==

There are several UI related aspects to all sliders in common and to the Range Slider in specific. The following are points which may be considered if developing or using a Range Slider.

* Selection of the values. Setting the desired values with the mouse and/or the keyboard by simply dragging (mouse) or shifting (keyboard) the sliders?

* Additional input fields to specify values which can't be selected directly on the slider because of granularity?

* Ability to represent large value ranges when high granularity is an issue? As a slider can only let the user select as many points as there are pixels for the slider.

* Ability to change the scaling of the slider value range (linear, logarithmic, ...)

* Ability to specify an accuracy of the selected values (Integer/Real numbers)

* Enhancement of the Range Slider by using the space ''inside'' the slider to show color scales, barplots or density graphs.

* Ability to display the maximal/minmal ranges and the currently selected values

* Ability to move the current range to a different value region

* Resize ability if the container which encloses the Slider gets resized

* To Be Continued

For some examples how a Range Slider can be used look at 'Range Slider Examples' section.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

== Range Slider Examples ==
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[http://www.samuelwan.com/flashmx_repository/rangefinder/rangefinder_09.swf Nice and simple example] by Samuel Wan

:[http://finance.google.com/finance?q=UBS Google Finance] Range Slider to select the displayed stock period

:[http://www.macrofocus.com/public/products/infoscope.html InfoScope] used in [Girardin and Brodbeck, 2001]

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

:[Girardin and Brodbeck, 2001] Luc Girardin and Dominique Brodbeck, Interactive Visualization of Prices and Earnings around the Globe, in ''Interactive Posters, IEEE Symposium on Information Visualization'', San Diego, California, October 2001. IEEE Computer Society Press

* '''Websites'''

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T21:35:42Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes. 
It provides visible limits on the query ranges and graphical representation of the database and the query results. Range sliders are tightly coupled to filter primary visualizations, and support rapid and incremental actions.[Qing Li, ?]

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries [[Film_Finder|Film Finder]]]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI component's name derives from that interpretation. Depending on the range slider's functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. Given all that, is what makes a range slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume).

[[Image:Slider.png|thumb|300px|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

== Implementation/Usage aspects ==

There are several UI related aspects to all sliders in common and to the Range Slider in specific. The following are points which may be considered if developing or using a Range Slider.

* Selection of the values. Setting the desired values with the mouse and/or the keyboard by simply dragging (mouse) or shifting (keyboard) the sliders?

* Additional input fields to specify values which can't be selected directly on the slider because of granularity?

* Ability to represent large value ranges when high granularity is an issue? As a slider can only let the user select as many points as there are pixels for the slider.

* Ability to change the scaling of the slider value range (linear, logarithmic, ...)

* Ability to specify an accuracy of the selected values (Integer/Real numbers)

* Enhancement of the Range Slider by using the space ''inside'' the slider to show color scales, barplots or density graphs.

* Ability to display the maximal/minmal ranges and the currently selected values

* Ability to move the current range to a different value region

* Resize ability if the container which encloses the Slider gets resized

* To Be Continued

For some examples how a Range Slider can be used look at 'Range Slider Examples' section.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

== Range Slider Examples ==
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[http://www.samuelwan.com/flashmx_repository/rangefinder/rangefinder_09.swf Nice and simple example] by Samuel Wan

:[http://finance.google.com/finance?q=UBS Google Finance] Range Slider to select the displayed stock period

:[http://www.macrofocus.com/public/products/infoscope.html InfoScope] used in [Girardin and Brodbeck, 2001]

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

:[Girardin and Brodbeck, 2001] Luc Girardin and Dominique Brodbeck, Interactive Visualization of Prices and Earnings around the Globe, in ''Interactive Posters, IEEE Symposium on Information Visualization'', San Diego, California, October 2001. IEEE Computer Society Press

* '''Websites'''

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T21:34:59Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes. 
It provides visible limits on the query ranges and graphical representation of the database and the query results. They are tightly coupled to filter primary visualizations, and support rapid and incremental actions.[Qing Li, ?]

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries [[Film_Finder|Film Finder]]]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI component's name derives from that interpretation. Depending on the range slider's functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. Given all that, is what makes a range slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume).

[[Image:Slider.png|thumb|300px|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

== Implementation/Usage aspects ==

There are several UI related aspects to all sliders in common and to the Range Slider in specific. The following are points which may be considered if developing or using a Range Slider.

* Selection of the values. Setting the desired values with the mouse and/or the keyboard by simply dragging (mouse) or shifting (keyboard) the sliders?

* Additional input fields to specify values which can't be selected directly on the slider because of granularity?

* Ability to represent large value ranges when high granularity is an issue? As a slider can only let the user select as many points as there are pixels for the slider.

* Ability to change the scaling of the slider value range (linear, logarithmic, ...)

* Ability to specify an accuracy of the selected values (Integer/Real numbers)

* Enhancement of the Range Slider by using the space ''inside'' the slider to show color scales, barplots or density graphs.

* Ability to display the maximal/minmal ranges and the currently selected values

* Ability to move the current range to a different value region

* Resize ability if the container which encloses the Slider gets resized

* To Be Continued

For some examples how a Range Slider can be used look at 'Range Slider Examples' section.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

== Range Slider Examples ==
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[http://www.samuelwan.com/flashmx_repository/rangefinder/rangefinder_09.swf Nice and simple example] by Samuel Wan

:[http://finance.google.com/finance?q=UBS Google Finance] Range Slider to select the displayed stock period

:[http://www.macrofocus.com/public/products/infoscope.html InfoScope] used in [Girardin and Brodbeck, 2001]

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

:[Girardin and Brodbeck, 2001] Luc Girardin and Dominique Brodbeck, Interactive Visualization of Prices and Earnings around the Globe, in ''Interactive Posters, IEEE Symposium on Information Visualization'', San Diego, California, October 2001. IEEE Computer Society Press

* '''Websites'''

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

Teaching talk:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 1 - RangeSlider

2006-10-30T14:49:21Z

UE-InfoVis0607 0025559: /* Update */

== Irgendeine Idee? ==

Hallo... hab jetzt mal versucht, Informationen über den Range Slider zu bekommen, finde aber nichts, mit dem ich eine A4 Seite füllen könnte. Was es gibt, sind haufenweise Downloads und Source-Code irgendwelcher Implementierungen. 
Ich frag mich, was man da auch groß erklären kann... aber genau das dürfte auch die Schwierigkeit der Aufgabe sein.

'''[[User:UE-InfoVis0607 0025559|UE-InfoVis0607 0025559]]'''

:Das ist ja immerhin mal ein Anfang ;) Kannst du bitte die Infos zu dem Bild updaten. Also 1 Summary/ Copyright status / Source wobei das hast du vielleicht selber vom Adobe Photoshop (?) gemacht. --[[User:UE-InfoVis0607 0225451|AntonMatzneller]] 12:27, 28 October 2006 (CEST)

:Ja... is aus Photoshop... wie schauts da mit dem Copyright status aus... denn eigentlich ist es ein Screenshot von einem PS Panel.
:[[User:UE-InfoVis0607 0025559|UE-InfoVis0607 0025559]]

== Update ==

So hab mal ein paar Sachen mehr dazu gegeben. Auch schon ein paar References. Jetzt geht es darum das was da ist auszubauen/umzuschreiben/korrigieren/entfernen/ergänzen/mein englisch ausbessern/formatieren ... Zusätzliche Aspekte usw usw. --[[User:UE-InfoVis0607 0225451|AntonMatzneller]] 14:29, 28 October 2006 (CEST)

:Also... hab jetzt alles ein wenig umstrukturiert und einige Sachen abgeändert. Fahr jetzt auf die Uni und lese mir den Artikel "The eyes have it" durch... Bei dem Teil blick ich nämlich nicht ganz durch.

:Auch die 2 Zeilen versteh ich nicht ganz.
::The current and the max/min range values have to be displayed
::What to do with a slider when resized

:Sind das noch Vorschläge was zu schreiben wäre?

:Habs auch mal Ausgedruckt.... ohne Referenzen und Bildern ist es eine A4 Seite. Der gesamte Text inkl. Bilder hat mehr als 2.

:lg [[User:UE-InfoVis0607 0025559|UE-InfoVis0607 0025559]]

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

2006-10-30T14:30:31Z

UE-InfoVis0607 0025559: /* Usage */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

[[Image:Slider.png|thumb|300px|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

== Usage ==

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. For setting the desired values one can use the mouse and/or the keyboard by simply dragging (mouse) or shifting (keyboard) the sliders, or via direct input of values (additional input fields).

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots or density graphs.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T14:05:04Z

UE-InfoVis0607 0025559:

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

[[Image:Slider.png|thumb|300px|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

== Usage ==

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. For setting the desired values one can use the mouse and/or the keyboard by simply dragging (mouse) or shifting (keyboard) the sliders, or via direct input of values (additional input fields).

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:55:09Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

[[Image:Slider.png|thumb|300px|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:54:42Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

[[Image:Slider.png|thumb|300px|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:54:21Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 

[[Image:Slider.png|thumb|300px|left|A normal slider]]
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:53:50Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.
The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 

[[Image:Slider.png|thumb|300px|left|A normal slider]]
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:53:42Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.
The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 

[[Image:Slider.png|thumb|300px|left|A normal slider]]
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:53:33Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.
The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 

[[Image:Slider.png|thumb|300px|left|A normal slider]]
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:53:08Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.
The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 

[[Image:Slider.png|thumb|300px|left|A normal slider]]
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:31:36Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.
The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 

[[Image:Slider.png|thumb|300px|right|A normal slider]]
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:29:31Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 

Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

[[Image:Slider.png|thumb|300px|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:28:46Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|frame|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

[[Image:Slider.png|center|]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T13:27:58Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|frame|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block. 
Given all that, is what makes a Range Slider diverse and distinct from a normal slider, which allows only the input of one value (e.g. sound volume)

[[Image:Slider.png|frame|center|A normal slider]]

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

File:Slider.png

2006-10-30T13:27:06Z

UE-InfoVis0607 0025559: A normal slider for specifying a value (e.g. volume)

== Summary ==
A normal slider for specifying a value (e.g. volume)
== Copyright status ==

== Source ==
Screenshot - ''Photoshop CS2 Version 9.0''

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

2006-10-30T13:00:45Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|frame|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block.
And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:59:39Z

UE-InfoVis0607 0025559:

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range. }}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block.
And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:58:52Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|thumb|300px|center|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block.
And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:57:07Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

[[Image:DQI_rangeslider.png|frame|none|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block.
And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:55:40Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

The upper and lower bound can be interpreted as the value range for a certain attribute. The UI Components name derives from that interpretation. Depending on the range sliders functionality one can either change the range values by dragging the two sliders to the desired position, or by moving the whole range block.
And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:47:33Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

The upper and lower bound can be interpreted as the value range for a certain attribute. Depending on the range sliders style you can either change the range values by dragging the two sliders to the desired position, or and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:44:04Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

The upper and lower bound can be interpreted as the value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:43:36Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.
[[Image:DQI_rangeslider.png|thumb|300px|A basic range slider used for dynamic queries]]

The upper and lower bound can be interpreted as the value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:28:09Z

UE-InfoVis0607 0025559: /* History and Naming */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

The upper and lower bound can be interpreted as the value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:01:19Z

UE-InfoVis0607 0025559:

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

[[Image:DQI_rangeslider.png|thumb|300px|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:00:46Z

UE-InfoVis0607 0025559:

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

[[Image:DQI_rangeslider.png|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T12:00:36Z

UE-InfoVis0607 0025559:

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== History and Naming ==

[[Image:DQI_rangeslider.png.jpg|right|A basic range slider used for dynamic queries]]
The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on [[Data_Type|continuous]] data attributes.

Taking the taxonomy of seven task from ''The eyes have it'' [Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

File:DQI rangeslider.png

2006-10-30T11:58:53Z

UE-InfoVis0607 0025559: A sample range slider. By moving the arrows, the user specifies the range, which is represented by the white rectangle. The numbers above the arrows give the current range. The numbers on the far ends of the range slider are the extreme values that the at

== Summary ==
A sample range slider. By moving the arrows, the user specifies the range, which is represented by the white rectangle. The numbers above the arrows give the current range. The numbers on the far ends of the range slider are the extreme values that the attribute can take.

== Copyright status ==

== Source ==
[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

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

2006-10-30T11:38:04Z

UE-InfoVis0607 0025559:

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== Headline text ==

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:38:00Z

UE-InfoVis0607 0025559:

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== Headline text ==

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:37:44Z

UE-InfoVis0607 0025559:

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== Headline text ==

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:36:41Z

UE-InfoVis0607 0025559: /* Definiton */

{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}
[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]

== Headline text ==

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:32:20Z

UE-InfoVis0607 0025559:

== Definiton ==

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== Headline text ==

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:31:55Z

UE-InfoVis0607 0025559:

== Definiton ==

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:31:30Z

UE-InfoVis0607 0025559:

== Definiton ==

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

== Headline goes here ==

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:29:34Z

UE-InfoVis0607 0025559: /* Basic Definiton */

== Definiton ==

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:28:39Z

UE-InfoVis0607 0025559: /* Basic Definiton */

== Definiton ==

{|
|-
|[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
|}

{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:27:25Z

UE-InfoVis0607 0025559:

== Basic Definiton ==

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]
{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm

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

2006-10-30T11:05:21Z

UE-InfoVis0607 0025559: /* Basic Definiton */

[[Image:Range_slider.png|thumb|300px|right|A range slider for specifying a color range]]

== Basic Definiton ==

{{definition|A '''Range Slider''' is a control that lets you define two values, i.e. an upper and a lower bound. For instance two values of a specific color range.}}

Taking the taxonomy of seven task from ''The eyes have it''[Shneiderman, 1996] the range slider is located in the filter task. Which basically means the range slider appears in the the Visual Information Seeking mantra ''Overview first, zoom and filter, then details-on-demand''.

The upper and lower bound can be interpreted as value range for a certain attribute and that's where the name comes from. And that is also what makes a Range Slider diverse and distinct from a normal slider which allows only the input of one value (e.g. sound volume)

The Range Slider control is a UI Component which first became widely known through the use in the field of [[Dynamic_query|Dynamic Queries]]. There the Range Slider is used to select values on a [[Data_Type|continuous]] data attribute.

Closley related UI components are  [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]] ([[Data_Type|nominal]] attributes), [[Toggle|Toogles]] ([[Data_Type|binary]] attributes) and [[Checkbox|Checkboxes]] ([[Data_Type|ordinal]] attributes).

There are several UI related aspects to all sliders in common and to the Range Slider in specific. One thing is how the values can be selected. Mouse / Keyboard. Only dragging (mouse) or shifting (keyboard) or direct input of values (additional input fields)

How to represent large value ranges when high granularity is an issue. As a slider can only let the user select as many points as there are pixels for the slider.
Maybe someway to specify an accuracy

Range Sliders can be enhanced by not only using them to select a value but use the space ''inside'' the slider to show color scales, barplots, density graphs

The current and the max/min range values have to be displayed

What to do with a slider when resized

For some examples how a Range Slider can be used look at the weblinks under references.

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]
* [[Toggle|Toogles]]
* [[Checkbox|Checkboxes]]

== References ==
* '''Proceedings'''
:[Eick, 1994] Stephen G. Eick. Data Visualization Sliders. In ''UIST '94: Proceedings of the 7th annual ACM symposium on User interface software and technology'', pages 119–120, Marina del Rey, California, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994a] Christopher Ahlberg and Ben Shneiderman. Visual information seeking: tight coupling of dynamic query filters with starfield displays. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 313–317, Boston, Massachusetts, 1994. ACM Press

:[Ahlberg and Shneiderman, 1994b] Christopher Ahlberg and Ben Shneiderman. The alphaslider: a compact and rapid selector. In ''CHI '94: Proceedings of the SIGCHI conference on Human factors in computing systems'', pages 365-371, Boston, Massachusetts, 1994. ACM Press

:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Macrofocus(?), 2002] Macrofocus(?), Macrofocus|InfoScope. Created at: ?. Retrieved at: October 28, 2006. http://www.macrofocus.com/public/products/infoscope.html.

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

:[Shneiderman, 1999] Ben Shneiderman, Dynamic queries, starfield displays, and the path to Spotfire. Created at: February 4, 1999. Retrieved at: October 28, 2006 http://www.cs.umd.edu/hcil/spotfire/

:[Hesselberg, 2001] Petter Hesselberg, Range Slider - User Interface Programming. Created at: January 21, 2001. Retrieved at: October 28, 2006 http://www.petterhesselberg.com/RangeSlider.html

:[Wan, 2001] Samuel Wan, Samuel Wan : News, Information and Resources: Range Slider Component. Created at: April 05, 2002. Retrieved at: October 28, 2006 http://www.samuelwan.com/information/archives/000055.html

:[Sahling, 2002] Niki Sahling, Brushing Types. Created at: December 03, 2002. Retrieved at: October 28, 2006 http://www.vrvis.at/via/resources/DA-NSahling/node47.html

:[Waloszek, 2004] G. Waloszek, UEC-Template: Index1. Created at: January 15, 2004. Retrieved at: October 28, 2006 http://www.sapdesignguild.org/community/book_people/visualization/controls/RangeSlider.htm