https://infovis-wiki.net/w/api.php?action=feedcontributions&feedformat=atom&user=Hiro 2026-05-31T19:08:48Z User contributions MediaWiki 1.45.3 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_3&diff=23684 2009-12-09T14:11:04Z

<p>Hiro: </p> <hr /> <div>== Assignment ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Description of the third exercise (German)]<br /> === The Original Charts ===<br /> [[Image:nyt2.jpg]]<br /> ==== Critique of the Given Charts ====<br /> ===== Visual Design =====<br /> * Distracting asterisks after titles<br /> * The text formatting isn't consistent throughout the document (with and without serifs, capital letters for subtitles, slanted text, etc.)<br /> * The needless use of a bubble chart for data, which could be communicated more efficiently with a bar chart<br /> * The use of arrows instead of simple bars doesn't offer any additional information<br /> * The vertical scales on both bar charts aren't equal in favor for the democrats. The bar charts are therefore not comparable.<br /> * Percentage values, president names and election periods aren't aligned in a line causing difficulties regarding fast horizontal scanning<br /> * The use of vertically aligned text regarding the bar representing Hoover's return value is making it difficult to read<br /> * The data ink ratio is very low due to unnecessary gradients, lines and redundant information<br /> ===== Content =====<br /> * The subtitles are just continuations of the titles instead of offering an additional (or rather alternate) explanation<br /> * The bars could be aligned in a time series for an additional quality of information (e.g. depressions, regressions, etc.)<br /> * The exact dates of the election period of each president are irrelevant information<br /> === The Revised Charts ===<br /> [[Image:NYT-Chart.png]]<br /> ==== Description of the Undertaken Improvements ====<br /> ===== Visual Design =====<br /> * The titles have been capitalized following the rules for any title<br /> * Special considerations have been made regarding the consistency of text formatting to enable fast processing of information<br /> * Text formatting varies according to the degree of importance (e.g. bold percentage values, light gray text color for dates, etc.)<br /> * Light gray guides and a ruler have been plotted to ease the comparison of the bars over a greater distance<br /> * The bubble chart has been replaced with a more sophisticated bar chart to increase comparability and to avoid visual clutter<br /> * Bars have been used instead of arrows to increase the data ink ratio and to avoid visual clutter<br /> * Percentage values, president names and election periods have been aligned in a line to facilitate fast horizontal scanning<br /> * The vertical text has been placed horizontally beneath the respective bar to increase it's readability<br /> ===== Content =====<br /> * The &quot;subtitles&quot; have been joined with the titles<br /> * The bars have been aligned in a time series for an additional quality of information, inherently undermining the problem regarding the unequal vertical scales<br /> * The display of the election period dates of each president has been reduced to years to remove irrelevant information<br /> == Links ==<br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> * [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_3&diff=23671 2009-12-08T20:07:46Z

<p>Hiro: </p> <hr /> <div>== Assignment ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Description of the second exercise (German)]<br /> === The Original Charts ===<br /> [[Image:nyt2.jpg]]<br /> ==== Critique of the Given Charts ====<br /> ===== Visual Design =====<br /> * Distracting asterisks after titles<br /> * The text formatting isn't consistent throughout the document (with and without serifs, capital letters for subtitles, slanted text, etc.)<br /> * The needless use of a bubble chart for data, which could be communicated more efficiently with a bar chart<br /> * The use of arrows instead of simple bars doesn't offer any additional information<br /> * The vertical scales on both bar charts aren't equal in favor for the democrats. The bar charts are therefore not comparable.<br /> * Percentage values, president names and election periods aren't aligned in a line causing difficulties regarding fast horizontal scanning<br /> * The use of vertically aligned text regarding the bar representing Hoover's return value is making it difficult to read<br /> * The data ink ratio is very low due to unnecessary gradients, lines and redundant information<br /> ===== Content =====<br /> * The subtitles are just continuations of the titles instead of offering an additional (or rather alternate) explanation<br /> * The bars could be aligned in a time series for an additional quality of information (e.g. depressions, regressions, etc.)<br /> * The exact dates of the election period of each president are irrelevant information<br /> === The Revised Charts ===<br /> [[Image:NYT-Chart.png]]<br /> ==== Description of the Undertaken Improvements ====<br /> ===== Visual Design =====<br /> * The titles have been capitalized following the rules for any title<br /> * Special considerations have been made regarding the consistency of text formatting to enable fast processing of information<br /> * Text formatting varies according to the degree of importance (e.g. bold percentage values, light gray text color for dates, etc.)<br /> * Light gray guides and a ruler have been plotted to ease the comparison of the bars over a greater distance<br /> * The bubble chart has been replaced with a more sophisticated bar chart to increase comparability and to avoid visual clutter<br /> * Bars have been used instead of arrows to increase the data ink ratio and to avoid visual clutter<br /> * Percentage values, president names and election periods have been aligned in a line to facilitate fast horizontal scanning<br /> * The vertical text has been placed horizontally beneath the respective bar to increase it's readability<br /> ===== Content =====<br /> * The &quot;subtitles&quot; have been joined with the titles<br /> * The bars have been aligned in a time series for an additional quality of information, inherently undermining the problem regarding the unequal vertical scales<br /> * The display of the election period dates of each president has been reduced to years to remove irrelevant information<br /> == Links ==<br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> * [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_3&diff=23670 2009-12-08T19:49:22Z

<p>Hiro: </p> <hr /> <div>== Assignment ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Description of the second exercise (German)]<br /> === The Original Charts ===<br /> [[Image:nyt2.jpg]]<br /> ==== Critique of the Given Charts ====<br /> ===== Visual Design =====<br /> * Distracting asterisks after titles<br /> * The text formatting isn't consistent througout the document (with and without serifs, capital letters for subtitles, slanted text etc.)<br /> * The needless use of a bubble chart for data which could be communicated more efficiently with a bar chart<br /> * The unnecessary use of arrows instead of simple bars, which don't offer any additional information<br /> * The vertical scale isn't equal on both bar charts in favor for the democrats. The bar charts are therefore not comparable.<br /> * Percentage values, president names and election periods aren't aligned in a line causing difficulties regarding fast horizontal scanning<br /> * The use of vertically aligned text for the bar representing Hoover's return value making it difficult to read<br /> * The data ink ratio is very low due to unnecessary gradients, lines and redundant information<br /> ===== Content =====<br /> * The subtitles are just continuations of the titles instead of offering an additional (or alternate) explanation<br /> * The bars could be aligned in a time series for an additional quality of information (e.g. depressions, regressions, etc.)<br /> * The exact dates of the election period of each president are irrelevant information<br /> === The Revised Charts ===<br /> [[Image:NYT-Chart.png]]<br /> ==== Description of the Undertaken Improvements ====<br /> ===== Visual Design =====<br /> * The titles have been capitalized following the rules for any title<br /> * Special considerations have been made regarding the consistency of text formatting to enable fast processing of information<br /> * Text formatting varies according to the degree of importance (e.g. bold percentage values, light gray text color for dates, etc.)<br /> * Light gray guides and a ruler have been plotted to ease the comparison of the bars over a greater distance<br /> * The bubble chart has been replaced with a more sophisticated bar chart to increase comparability and to avoid visual clutter<br /> * Bars have been used instead of arrows to increase the data ink ratio and to avoid visual clutter<br /> * Percentage values, president names and election periods have been aligned in a line to faciliate fast horizontal scanning<br /> * The vertical text has been placed horizontally beneath the respective bar to increase it's readability<br /> ===== Content =====<br /> * The &quot;subtitles&quot; have been aggregated into the titles<br /> * The bars have been aligned in a time series for an additional quality of information, inherently undermining the problem regarding the unequal vertical scales<br /> * The display of the election period dates of each president have been reduced to years to remove irrelevant information<br /> == Links ==<br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> * [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_3&diff=23669 2009-12-08T19:04:25Z

<p>Hiro: </p> <hr /> <div>== Assignment ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Description of the second exercise (German)]<br /> === The Original Charts ===<br /> [[Image:nyt2.jpg]]<br /> ==== Critique of the Given Charts ====<br /> ===== Visual Design =====<br /> * Distracting asterisks after titles<br /> * The text formatting isn't consistent througout the document (with and without serifs, capital letters for subtitles, slanted text etc.)<br /> * The needless use of a bubble chart for data which could be communicated more efficiently with a bar chart<br /> * The unnecessary use of arrows instead of simple bars, which don't offer any additional information<br /> * The vertical scale isn't equal on both bar charts in favor for the democrats. The bar charts are therefore not comparable.<br /> * Percentage values, president names and election periods aren't aligned in a line causing difficulties regarding fast horizontal scanning<br /> * The use of vertically aligned text for the bar representing Hoover's return, which is difficult to read<br /> * Data ink ratio is very low due to the unnecessary gradients, lines and redundant information<br /> ===== Content =====<br /> * The subtitles are just continuations of the titles instead of offering an additional (or alternate) explanation<br /> * The bars could be aligned in a time series for an additional quality of information (e.g. depressions, regressions, etc.)<br /> * The exact dates of the election period of each president are irrelevant information<br /> === The Revised Charts ===<br /> [[Image:NYT-Chart.png]]<br /> ==== Description of the Undertaken Improvements ====<br /> ===== Visual Design =====<br /> * The titles have been capitalized following the rules for any title<br /> * Special considerations have been made regarding the consistency of text formatting to enable fast processing of information<br /> * Text formatting varies according to the degree of importance (e.g. bold percentage values, light gray text color for dates, etc.)<br /> * Light gray guides and a ruler have been plotted to ease the comparison of the bars over a greater distance<br /> * The bubble chart has been replaced with a more sophisticated bar chart to increase comparability and to avoid visual clutter<br /> * Bars have been used instead of arrows to increase the data ink ratio and to avoid visual clutter<br /> * Percentage values, president names and election periods have been aligned in a line to faciliate fast horizontal scanning<br /> * The vertical text has been placed horizontally beneath the respective bar to increase it's readability<br /> ===== Content =====<br /> * The &quot;subtitles&quot; have been aggregated into the titles<br /> * The bars have been aligned in a time series for an additional quality of information, inherently undermining the problem regarding the unequal vertical scales<br /> * The display of the election period dates of each president have been reduced to years to remove irrelevant information<br /> == Links ==<br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> * [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:NYT-Chart.png&diff=23668 2009-12-08T19:03:16Z

<p>Hiro: Growth of $100,000 Invested in the S.&amp;P. Market Index under each Political Party and Average Annualized Return of the S.&amp;P. Market Index under each President</p> <hr /> <div>== Summary ==<br /> Growth of $100,000 Invested in the S.&amp;P. Market Index under each Political Party and Average Annualized Return of the S.&amp;P. Market Index under each President<br /> == Copyright status ==<br /> <br /> == Source ==<br /> Own work</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_2&diff=23667 2009-12-08T18:32:48Z

<p>Hiro: </p> <hr /> <div>== Assignment ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Description of the second exercise (German)]<br /> === The Original Table ===<br /> [[Image:leh50e.gif]]<br /> ==== Critique of the Given Table ====<br /> * It is not apparent for which region this statistic was made<br /> * The table lacks a concise and meaningful title, which would offer the reader a short description of the table<br /> * The table reflects various contexts:<br /> ** The absolute number of the employed people in various industries<br /> ** The absolute number of the unemployed people and the unemployment rate<br /> ** The labour force participation rate<br /> ** The absolute number of the people who are not in labour force<br /> * The subgroups aren't comparable due to the differing contexts mentioned above<br /> * Mixed percentage and absolute values (row- and column-wise)<br /> * References to so-called ''&quot;units&quot;'' for percentage values<br /> * The lack of percent signs for percentage values, which would make the cognition of the percentage values easier<br /> * The alignment of the columns suggest constant time intervals between the time instants<br /> * The age ranges are inconsistent and therefore not comparable<br /> * Inconsistent row headers (e.g. ''&quot;Employed, total&quot;'' and ''&quot;Unemployed&quot;'')<br /> * Inconsistent declarations for age ranges (''&quot;years of age&quot;'' and ''&quot;of those aged&quot;'')<br /> * Inconsistent date declaration for the column header ''&quot;CHANGE&quot;''<br /> * Inconsistent formatting (block letters, various text alignments, italic type, etc.)<br /> * Too little vertical whitespace between rows<br /> === The Revised Table ===<br /> [[Image:Table_Main-verbessert.png]]<br /> ==== Description of the Undertaken Improvements ====<br /> * A concise and meaningful title has been added, which offers the reader a short description of the table<br /> * The varying contexts or rather groups have been separated more clearly by applying bold row headers and alternating the fill color<br /> * The declarations of the rows have been put in a designated column to separate the groups more clearly and to enhance readability<br /> * Misleading references to ''&quot;units&quot;'' have been removed<br /> * Percentage signs have been added to denote percentage values<br /> * Special considerations have been made regarding the consistency of row headers, declarations, date formats and text formatting to enable fast processing of information<br /> * The years in the header have been aggregated to avoid distracting redundancy<br /> * A different font and more vertical whitespace have been used to increase readability<br /> * The number of lines has been reduced to avoid distraction from the content<br /> * A comma have been placed to the left of every three whole-number digits<br /> * Sums and summarizing values have been placed at the bottom of each group<br /> * Missing values have been calculated wherever possible<br /> == Links ==<br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> * [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_2&diff=23666 2009-12-08T17:31:59Z

<p>Hiro: </p> <hr /> <div>== Assignment ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Description of the second exercise (German)]<br /> === The Original Table ===<br /> [[Image:leh50e.gif]]<br /> ==== Critique of the Given Table ====<br /> * It is not apparent for which region this statistic was made<br /> * The table lacks a concise and meaningful title, which would offer the reader a short description of the table<br /> * The table reflects various contexts:<br /> ** The absolute number of the employed people in various industries<br /> ** The absolute number of the unemployed people and the unemployment rate<br /> ** The labour force participation rate<br /> ** The absolute number of the people who are not in labour force<br /> * The subgroups aren't comparable due to the differing contexts mentioned above<br /> * Mixed percentage and absolute values (row- and column-wise)<br /> * References to so-called ''&quot;units&quot;'' for percentage values<br /> * The lack of percent signs for percentage values, which would make the cognition of the percentage values easier<br /> * The alignment of the columns suggest constant time intervals between the time instants<br /> * The age ranges are inconsistent and therefore not comparable<br /> * Inconsistent row headers (e.g. ''&quot;Employed, total&quot;'' and ''&quot;Unemployed&quot;'')<br /> * Inconsistent declarations for age ranges (''&quot;years of age&quot;'' and ''&quot;of those aged&quot;'')<br /> * Inconsistent date declaration for the column header ''&quot;CHANGE&quot;''<br /> * Inconsistent formatting (block letters, various text alignments, italic type, etc.)<br /> * Too little vertical whitespace between rows<br /> === The Revised Table ===<br /> [[Image:Table_Main-verbessert.png]]<br /> ==== Description of the Undertaken Improvements ====<br /> * A concise and meaningful title has been added, which offers the reader a short description of the table<br /> * The varying contexts or rather groups have been separated more clearly by applying bold row headers and alternating the fill color<br /> * The declarations of the rows have been put in a designated column to separate the groups more clearly and to enhance readability<br /> * Misleading references to ''&quot;units&quot;'' have been removed<br /> * Percentage signs have been added to denote percentage values<br /> * Special considerations have been made regarding the consistency of row headers, declarations, date formats and formatting to enable fast processing of information<br /> * The years in the header have been aggregated to avoid distracting redundancy<br /> * A different font and more vertical whitespace have been used to increase readability<br /> * The number of lines has been reduced to avoid distraction from the content<br /> * A comma have been placed to the left of every three whole-number digits<br /> * Sums and summarizing values have been placed at the bottom of each group<br /> * Missing values have been calculated wherever possible<br /> == Links ==<br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> * [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:Table_Main-verbessert.png&diff=23665 2009-12-08T17:26:56Z

<p>Hiro: </p> <hr /> <div>== Beschreibung ==<br /> Employment and Unemployment Statistics, Feb 1995 - 1996<br /> == Copyright status ==<br /> <br /> == Source ==<br /> Own work</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_2&diff=23644 2009-12-07T19:06:26Z

<p>Hiro: </p> <hr /> <div>== Assignment ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Description of the second exercise (German)]<br /> === The original table ===<br /> [[Image:leh50e.gif]]<br /> ==== Critique of the given table ====<br /> * It is not apparent for which region this statistic was made<br /> * The table lacks a concise and meaningful title, which would offer the reader a short description of the table<br /> * The table reflects various contexts:<br /> ** The absolute number of the employed people in various industries<br /> ** The absolute number of the unemployed people and the unemployment rate<br /> ** The labour force participation rate<br /> ** The absolute number of the people who are not in labour force<br /> * The subgroups aren't comparable due to the differing contexts mentioned above<br /> * Mixed percentage and absolute values (row- and column-wise)<br /> * References to so-called ''&quot;units&quot;'' for percentage values<br /> * The lack of percent signs for percentage values, which would make the cognition of the percentage values easier<br /> * The alignment of the columns suggest constant time intervals between the time instants<br /> * The age ranges are inconsistent and therefore not comparable<br /> * Inconsistent row headers (e.g. ''&quot;Employed, total&quot;'' and ''&quot;Unemployed&quot;'')<br /> * Inconsistent declarations for age ranges (''&quot;years of age&quot;'' and ''&quot;of those aged&quot;'')<br /> * Inconsistent date declaration for the column header ''&quot;CHANGE&quot;''<br /> * Inconsistent formatting (block letters, various text alignments, italic type, etc.)<br /> * Too little vertical whitespace between rows<br /> === The revised table ===<br /> [[Image:Table_Main.png]]<br /> [[Image:Table_Main-verbessert.png]]<br /> ==== Description of the undertaken improvements ====<br /> * A concise and meaningful title has been added, which offers the reader a short description of the table<br /> * The varying contexts or rather groups have been separated more clearly by applying bold row headers and alternating the fill color<br /> * The declarations of the rows have been put in a designated column to separate the groups more clearly and to enhance readability<br /> * Misleading references to ''&quot;units&quot;'' have been removed<br /> * Percentage signs have been added to denote percentage values<br /> * Special considerations have been made regarding the consistency of row headers, declarations, date formats and formatting to enable fast processing of information<br /> * The years in the header have been aggregated to avoid distracting redundancy<br /> * A different font and more vertical whitespace have been used to increase readability<br /> * The number of lines has been reduced to avoid distraction from the content<br /> * A comma have been placed to the left of every three whole-number digits<br /> * Sums and summarizing values have been placed at the bottom of each group<br /> * Missing values have been calculated wherever possible<br /> == Links ==<br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> * [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching_talk:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_2&diff=23620 2009-12-04T21:49:29Z

<p>Hiro: </p> <hr /> <div>==Bewertung==<br /> <br /> '''vorläufige Bewertung: 16 Punkte'''<br /> <br /> Begründung: <br /> * Fast ein bischen zu viel vertikaler white space.<br /> * Die Spanner Header sollten zentriert sein (zentriert bezüglich der Gruppen, die sie umfassen).<br /> * Ich finde es nicht so gut, dass &quot;Total&quot; immer der erste eintrag einer Untergruppe ist. Total sollte jeweils am Ende stehen und optisch auch getrennt werden.<br /> * Vorsicht : Dezimalstellen sollen einen Punkt haben, Tausenderstellen ein Komma.<br /> * Bei der Überschrift &quot;Change&quot; sollte dabeistehen, um welche Veränderungen es sich handelt. Der Beistrich in der Überschrift gehört weg. <br /> * Die Überschriften sollten optisch besser getrennt werden vom Rest der Daten. <br /> * Wieso hat der Eintrag &quot;Industry unknown&quot; keinen Change Wert?<br /> * In der Unemployment rate Zeile ist ein Leerzeichen zwischen dem Change Wert und dem %.<br /> <br /> <br /> <br /> <br /> [[User:Katharina-Anna Wendelin|Katharina-Anna Wendelin]] 22:09, 30. November 2009 &lt;br&gt;&lt;br&gt;</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_2&diff=23619 2009-12-04T21:48:29Z

<p>Hiro: </p> <hr /> <div>== Assignment ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Description of the second exercise (German)]<br /> === The original table ===<br /> [[Image:leh50e.gif]]<br /> ==== Critique of the given table ====<br /> * It is not apparent for which region this statistic was made<br /> * The table lacks a concise and meaningful title, which would offer the reader a short description of the table<br /> * The table reflects various contexts:<br /> ** The absolute number of the employed people in various industries<br /> ** The absolute number of the unemployed people and the unemployment rate<br /> ** The labour force participation rate<br /> ** The absolute number of the people who are not in labour force<br /> * The subgroups aren't comparable due to the differing contexts mentioned above<br /> * Mixed percentage and absolute values (row- and column-wise)<br /> * References to so-called ''&quot;units&quot;'' for percentage values<br /> * The lack of percent signs for percentage values, which would make the cognition of the percentage values easier<br /> * The alignment of the columns suggest constant time intervals between the time instants<br /> * The age ranges are inconsistent and therefore not comparable<br /> * Inconsistent row headers (e.g. ''&quot;Employed, total&quot;'' and ''&quot;Unemployed&quot;'')<br /> * Inconsistent declarations for age ranges (''&quot;years of age&quot;'' and ''&quot;of those aged&quot;'')<br /> * Inconsistent date declaration for the column header ''&quot;CHANGE&quot;''<br /> * Inconsistent formatting (block letters, various text alignments, italic type, etc.)<br /> * Too little vertical whitespace between rows<br /> === The revised table ===<br /> [[Image:Table_Main.png]]<br /> ==== Description of the undertaken improvements ====<br /> * A concise and meaningful title has been added, which offers the reader a short description of the table<br /> * The varying contexts or rather groups have been separated more clearly by applying bold row headers and alternating the fill color<br /> * The declarations of the rows have been put in a designated column to separate the groups more clearly and to enhance readability<br /> * Misleading references to ''&quot;units&quot;'' have been removed<br /> * Percentage signs have been added to denote percentage values<br /> * Special considerations have been made regarding the consistency of row headers, declarations, date formats and formatting to enable fast processing of information<br /> * The years in the header have been aggregated to avoid distracting redundancy<br /> * A different font and more vertical whitespace have been used to increase readability<br /> * The number of lines has been reduced to avoid distraction from the content<br /> * A comma have been placed to the left of every three whole-number digits<br /> == Links ==<br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> * [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:Table_Main.png&diff=23413 2009-11-20T19:32:34Z

<p>Hiro: </p> <hr /> <div>== Beschreibung ==<br /> Employment and Unemployment Statistics, Feb 1995 - 1996<br /> == Copyright status ==<br /> <br /> == Source ==<br /> Own work</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_2&diff=23411 2009-11-20T19:29:47Z

<p>Hiro: </p> <hr /> <div>== Aufgabenstellung ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]<br /> === Die zu beurteilende Tabelle ===<br /> [[Image:leh50e.gif]]<br /> === Die verbesserte Tabelle ===<br /> [[Image:Table_Main.png]]&lt;br /&gt;<br /> == Links ==<br /> <br /> <br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> <br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> <br /> *[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching_talk:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_2&diff=23410 2009-11-20T19:25:01Z

<p>Hiro: Aufgabe 2 Kritik und Beschreibung</p> <hr /> <div>== b) Kritik der vorliegenden Tabelle ==<br /> <br /> * Es ist nicht ersichtlich für welche Region diese Statistik angefertigt wurde<br /> * Es fehlt ein aussagekräftiger Titel, welcher die Informationen der Tabelle kurz und prägnant zusammenfasst<br /> * Die Tabelle stellt verschiedene inhaltliche Kontexte dar:<br /> ** Anzahl der Angestellten in verschiedenen Industriezweigen,<br /> ** Anzahl der Arbeitslosen sowie die Arbeitslosenrate,<br /> ** Rate der Erwerbstätigen in einem gewissen Alter,<br /> ** Anzahl der Nichterwerbstätigen in einem gewissen Alter<br /> * Die Untergruppen sind durch die verschiedenen Kontexte nicht vergleichbar<br /> * Prozentwerte und absolute Werte sind vermischt (spalten- sowie zeilenweise)<br /> * Angabe von so genannten „units“ bei Prozentwerten<br /> * Fehlende Prozentzeichen, welche die Erkennung der Prozentwerte als solche erleichtern würden<br /> * Die Anordnung der Spalten suggeriert konstante Zeitintervalle zwischen den Stichzeitpunkten<br /> * Die Altersspannen sind inkonsistent und nicht vergleichbar<br /> * Inkonsistente Zeilenüberschriften (z.B. bei „Employed, total“ und „Unemployed“)<br /> * Inkonsistente Bezeichnung der Altersgruppen<br /> * Inkonsistente Datumsangabe bei der Spalte „CHANGE“<br /> * Inkonsistente Formatierung (Blockschrift, verschiedenbündig und kursiv)<br /> * Geringe Zeilenabstände und unzulängliche Typographie, welche in schlechter Lesbarkeit resultieren<br /> <br /> == d) Erklärung der vorgenommenen Verbesserungen ==<br /> <br /> * Ein aussagekräftiger Titel wurde hinzugefügt, damit dem Leser eine kurze Beschreibung der Tabelle zur Verfügung steht<br /> * Die verschiedenen Kontexte bzw. Gruppen wurden durch die fetten Zeilenüberschriften und eine leichte graue Hinterlegung deutlicher getrennt<br /> * Summen bzw. zusammenfassende Werte wurden, falls vorhanden, explizit als solche bezeichnet und sind in der ersten Zeile der jeweiligen Gruppe zu finden, da das Hauptaugenmerk des Lesers zunächst auf die erste Zeile jeder Gruppe gerichtet ist<br /> * Die Bezeichnungen der Zeilen wurden in eine eigene Spalte eingetragen, um einerseits die Gruppen deutlicher zu trennen, und andererseits die Lesbarkeit zu erhöhen<br /> * Die irreführende Angabe von „units“ wurde entfernt<br /> * Es wurden Prozentzeichen zu den Prozentwerten hinzugefügt, um die Erkennung als solche zu erleichtern<br /> * Es wurde grundsätzlich auf die Konsistenz bei den Zeilenüberschriften, Bezeichnungen, Datumsangaben und bei der Formatierung Wert gelegt, um das schnelle Verarbeiten der Informationen zu ermöglichen<br /> * Die Jahreszahlen im Header wurden zusammengefasst, um ablenkende Redundanz zu vermeiden<br /> * Um die Lesbarkeit zu erhöhen, wurde eine andere Schriftart gewählt und der Zeilenabstand erhöht<br /> * Die Anzahl der Linien wurde reduziert um den Leser nicht unnötig abzulenken<br /> * Tausenderstellen wurden mit Punkten markiert, damit die Zahlenwerte leichter ablesbar sind</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:CMY_Colorcube_Corner_Black_Axis.png&diff=23141 2009-11-10T18:45:45Z

<p>Hiro: </p> <hr /> <div>== Summary ==<br /> CMY color cube in isometric projection.<br /> == Copyright status ==<br /> <br /> == Source ==<br /> Own source modifications on http://commons.wikimedia.org/wiki/File:RGB_Colorcube_Corner_Black.png</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:RGB_Colorcube_Corner_White_Axis.png&diff=23140 2009-11-10T18:44:39Z

<p>Hiro: </p> <hr /> <div>== Summary ==<br /> RGB color cube in isometric projection.<br /> == Copyright status ==<br /> <br /> == Source ==<br /> Own source modifications on http://commons.wikimedia.org/wiki/File:RGB_Colorcube_Corner_White.png</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:CMY_Colorcube_Corner_Black_Axis.png&diff=23139 2009-11-10T18:42:36Z

<p>Hiro: </p> <hr /> <div>== Summary ==<br /> CMY color cube in isometric projection.<br /> == Copyright status ==<br /> <br /> == Source ==<br /> Own source modifications on http://commons.wikimedia.org/wiki/File:RGB_Colorcube_Corner_Black.png .</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching_talk:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_space&diff=23138 2009-11-10T18:37:31Z

<p>Hiro: </p> <hr /> <div>== Bearbeitungen Gruppe 12 ==<br /> * Artikel umbenannt, da der Inhalt eher zu dem Thema Color Space / Color als zu Color Coding passt.<br /> * Neue Referenz [Marko Tkalčič, 2003] für weitere Abdeckung zu Color space definitionen hinzugefügt.<br /> * Coding definition herausgenommen: Da diese irrrelevant für das neue Thema &quot;Color space&quot; ist.<br /> * Quellenformatierung richtiggestellt, da sie teilweise nicht den Vorgaben entsprochen hat.<br /> * RGB allgemeiner geschrieben, da die Funktionsweise von Shadow Mask CRT's nicht sehr allgemein ist<br /> * CMY(K) Teil neu geschrieben, da das verwendete Zitat teilweise zu detailiert auf den Begriff eingegangen ist.<br /> * YIQ/YUV Teil neu geschrieben, da auch hier zu sehr ins Detail gegangen wurde bzw. nur ein Zitat verwendet wurde.<br /> * Sahler Zitat sowie dazu gehörige Referenz entfernt, da nicht relevant für den neuen Titel &quot;Color space&quot;<br /> * HSL und HSV Artikel neu geschrieben<br /> * Neue HSL und HSV Abbildung hinaufgeladen und eingefügt<br /> * Einleitung neu geschrieben, um besser auf das neue Thema &quot;Color space&quot; einzugehen<br /> * Hufeisen CIE Farbraumgrafik hinzugefügt, um neues Thema visuell zusätzlich zu unterstützen.<br /> <br /> == Bearbeitungen 10.11.2009 ==<br /> * RGB und CMY Bilder durch eigene, schoenere ersetzt.</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_space&diff=23137 2009-11-10T18:32:02Z

<p>Hiro: </p> <hr /> <div>=Color space=<br /> [[Image:Intro.JPG|thumb|400px|none|Light is electromagnetic radiation with wavelength between 380 nm = blue and 780 nm = red.<br /> Unit 1 nm = 1 billionth of a meter.|right]] <br /> [[Image:Colorspace.png|thumb|200px|none|Colorspaces and Horseshoe Shape of visible Color<br /> |right]]<br /> {{Quotation|Color is the perceptual result of light in the visible region of the spectrum, having wavelengths in the region of 400 nm to 700 nm, incident upon the retina. |[Poynton, 1999]}}<br /> <br /> <br /> The complexity of all kinds of different color mixtures was substantially simplified in 1931 by Commission Internationale de l'Éclairage CIE, who defined a two-dimensional, horseshoe-like color space, that allows easy definition and description of color mixtures. The edge of the horseshoe includes all the pure spectral colors. The inside region contains the mixtures. <br /> &lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> The human visual perception is too complex to be quantified in a more than approximate manner. One practical approach is to define 2,3 or more spectral colors and create mixed colors by adjusting the relative proportions of the said spectral colors and colorless (i.e. white/black) component,. Or one defines first the mixed color, quantifies first its colorless (brightness/darkness) component and then codes the color information as deviation in the direction of 2, 3 or more spectral colors. Typical examples would be the RGB and YIQ systems respectively. [Miszalok and Smolej, 2001]<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ==Examples for Color spaces==<br /> <br /> ===RGB===<br /> <br /> [[Image:RGB Colorcube Corner White Axis.png|thumb|200px|right|3D-vector space of the RGB color model.]]<br /> <br /> The RGB color model is an additive color model, forming its gamut from various mixtures of the primary additive colors red, green and blue. The main idea behind the RGB color model is the human perception of color, furthermore the trichromatic theory which states that there are three types of cones, which are referred to as L, M, and S cones (long, middle and short wavelength sensitivity), approximately sensitive to the red, green and blue region of the visible spectrum.<br /> <br /> The main purpose of the RGB color model is the sensing and reproduction of color on electronic devices such as computers, televisions. Typical RGB input devices are color TV and video cameras, image scanners, and digital cameras<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ===CMY(K)===<br /> <br /> [[Image:CMY Colorcube Corner Black Axis.png|thumb|200px|right|3D-vector model of the CMY color space.]]<br /> <br /> Other than RGB, CMY doesn't add light but rather removes it much like the color of reflected light is composed in the real world hence it is also called a subtractive color space. To achieve this subtractive characteristic the CMY color space uses the three primary colors Cyan, Magenta and Yellow and adds those to white. The higher the values of the primary colors the darker is the represented color. The CMY color space is basically an inverted RGB color space and therefore values can be converted very easily.&lt;br&gt;<br /> The CMY color space is primarily used in printing applications were mostly a fourth primary color K (Key, Black) is added which is then called CMYK color space. The reason for the use of the additional Key is that printing black with CMY in real life doesn't result in really deep black, is very costly and needs more time to dry than a single black color.&lt;br&gt;<br /> The conversion between RGB and CMYK isn't as trivial as the conversion between RGB and CMY.&lt;br&gt;<br /> Although the CMY space is closer to how we use colors in dying or painting scenarios it is still non-intuitive since the percepted difference between colors isn't linear as the CMY values might suggest.<br /> &lt;div style=&quot;clear:both&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ===YIQ and YUV===<br /> <br /> The YIQ and the YUV color spaces are basically transformations of the RGB color space where at first the three channels of RGB and composed into a single luminance (Y) channel and two difference channels that basically contain the difference between either R - Y or B - Y.&lt;br&gt;<br /> This color space was developed because of the growing demand of color television and the need to e still backwards compatible to old black&amp;amp;white television sets that worked with a single luminance channel.&lt;br&gt;<br /> Though the concept behind YIQ and YUV is the same the actual conversion of RGB into luminance and weighted difference channels is implemented differently.<br /> &lt;br&gt;&lt;br&gt;<br /> '''YIQ''': is used in the color TV norm NTSC which is used in America and Japan.<br /> <br /> '''YUV''': is the color space of the PAL color TV norm used in Europe, Africa, Asia except for Japan, Australia. It is also used in digital video.&lt;br&gt;<br /> Though YIQ and YUV signals are very similar YUV has a higher bandwidth and correspondingly higher quality.<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ===HSL and HSV===<br /> [[Image:Hsl-hsv.png|thumb|300px|none|HSV and HSL Colorspaces|right]]<br /> HSL and HSV are color models wich describe the color relationships better than RGB. HSL stands for hue, saturation and lightness while HSV stands for hue, saturation and value. These color models reflect the human color vision better than the RGB, CMY, YUV and YIQ models, which are targeted primarily for hardware applications.<br /> <br /> The color space of HSL and HSV can be thought of cylinders. Each point in this cylinder describes a color.<br /> <br /> The three coordinates H, L and S of this system can be easily visualized as follows: Pure colors are found at the outer border of a horizontal color circle. The hue can be interpreted as the polar angle, going from red (0 degrees), green (120), blue (240) back to red.<br /> The closer to the center of the circle the higher the proportion of the white color. The center of the circle is colorless white. Below this level other color circles are positioned in a cylindrical fashion. The lower they are, the darker they get.<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ==References==<br /> *[Poynton, 1999] Charles Poynton. Frequently Asked Questions about Color. Created at: Dec 30, 1999. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorFAQ.pdf .<br /> <br /> *[Miszalok and Smolej, 2001] V. Miszalok, V. Smolej. Color Coding. Jan 13, 2001. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorCoding_english.htm#a1<br /> <br /> *[Marko Tkalčič, 2003] Marko Tkalčič. Colour spaces - perceptual, historical and applicational background. 2003. http://ldos.fe.uni-lj.si/docs/documents/20030929092037_markot.pdf <br /> <br /> [[Category:Glossary]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:CMY_Colorcube_Corner_Black_Axis.png&diff=23136 2009-11-10T18:29:03Z

<p>Hiro: CMY Colorcube.</p> <hr /> <div>== Summary ==<br /> CMY Colorcube.<br /> == Copyright status ==<br /> Own work.<br /> == Source ==</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_space&diff=23135 2009-11-10T18:19:12Z

<p>Hiro: </p> <hr /> <div>=Color space=<br /> [[Image:Intro.JPG|thumb|400px|none|Light is electromagnetic radiation with wavelength between 380 nm = blue and 780 nm = red.<br /> Unit 1 nm = 1 billionth of a meter.|right]] <br /> [[Image:Colorspace.png|thumb|200px|none|Colorspaces and Horseshoe Shape of visible Color<br /> |right]]<br /> {{Quotation|Color is the perceptual result of light in the visible region of the spectrum, having wavelengths in the region of 400 nm to 700 nm, incident upon the retina. |[Poynton, 1999]}}<br /> <br /> <br /> The complexity of all kinds of different color mixtures was substantially simplified in 1931 by Commission Internationale de l'Éclairage CIE, who defined a two-dimensional, horseshoe-like color space, that allows easy definition and description of color mixtures. The edge of the horseshoe includes all the pure spectral colors. The inside region contains the mixtures. <br /> &lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> The human visual perception is too complex to be quantified in a more than approximate manner. One practical approach is to define 2,3 or more spectral colors and create mixed colors by adjusting the relative proportions of the said spectral colors and colorless (i.e. white/black) component,. Or one defines first the mixed color, quantifies first its colorless (brightness/darkness) component and then codes the color information as deviation in the direction of 2, 3 or more spectral colors. Typical examples would be the RGB and YIQ systems respectively. [Miszalok and Smolej, 2001]<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ==Examples for Color spaces==<br /> <br /> ===RGB===<br /> <br /> [[Image:RGB Colorcube Corner White Axis.png|thumb|200px|right|3D-vector space of the RGB color model]]<br /> <br /> The RGB color model is an additive color model, forming its gamut from various mixtures of the primary additive colors red, green and blue. The main idea behind the RGB color model is the human perception of color, furthermore the trichromatic theory which states that there are three types of cones, which are referred to as L, M, and S cones (long, middle and short wavelength sensitivity), approximately sensitive to the red, green and blue region of the visible spectrum.<br /> <br /> The main purpose of the RGB color model is the sensing and reproduction of color on electronic devices such as computers, televisions. Typical RGB input devices are color TV and video cameras, image scanners, and digital cameras<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ===CMY(K)===<br /> <br /> [[Image:3DVecModeCMY.JPG|thumb|300px|right|3D-vector model of the CMY color space]]<br /> [[Image:CMY.JPG|thumb|300px|right|Composed image and its seperate channels]]<br /> <br /> Other than RGB, CMY doesn't add light but rather removes it much like the color of reflected light is composed in the real world hence it is also called a subtractive color space. To achieve this subtractive characteristic the CMY color space uses the three primary colors Cyan, Magenta and Yellow and adds those to white. The higher the values of the primary colors the darker is the represented color. The CMY color space is basically an inverted RGB color space and therefore values can be converted very easily.&lt;br&gt;<br /> The CMY color space is primarily used in printing applications were mostly a fourth primary color K (Key, Black) is added which is then called CMYK color space. The reason for the use of the additional Key is that printing black with CMY in real life doesn't result in really deep black, is very costly and needs more time to dry than a single black color.&lt;br&gt;<br /> The conversion between RGB and CMYK isn't as trivial as the conversion between RGB and CMY.&lt;br&gt;<br /> Although the CMY space is closer to how we use colors in dying or painting scenarios it is still non-intuitive since the percepted difference between colors isn't linear as the CMY values might suggest.<br /> &lt;div style=&quot;clear:both&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ===YIQ and YUV===<br /> <br /> The YIQ and the YUV color spaces are basically transformations of the RGB color space where at first the three channels of RGB and composed into a single luminance (Y) channel and two difference channels that basically contain the difference between either R - Y or B - Y.&lt;br&gt;<br /> This color space was developed because of the growing demand of color television and the need to e still backwards compatible to old black&amp;amp;white television sets that worked with a single luminance channel.&lt;br&gt;<br /> Though the concept behind YIQ and YUV is the same the actual conversion of RGB into luminance and weighted difference channels is implemented differently.<br /> &lt;br&gt;&lt;br&gt;<br /> '''YIQ''': is used in the color TV norm NTSC which is used in America and Japan.<br /> <br /> '''YUV''': is the color space of the PAL color TV norm used in Europe, Africa, Asia except for Japan, Australia. It is also used in digital video.&lt;br&gt;<br /> Though YIQ and YUV signals are very similar YUV has a higher bandwidth and correspondingly higher quality.<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ===HSL and HSV===<br /> [[Image:Hsl-hsv.png|thumb|300px|none|HSV and HSL Colorspaces|right]]<br /> HSL and HSV are color models wich describe the color relationships better than RGB. HSL stands for hue, saturation and lightness while HSV stands for hue, saturation and value. These color models reflect the human color vision better than the RGB, CMY, YUV and YIQ models, which are targeted primarily for hardware applications.<br /> <br /> The color space of HSL and HSV can be thought of cylinders. Each point in this cylinder describes a color.<br /> <br /> The three coordinates H, L and S of this system can be easily visualized as follows: Pure colors are found at the outer border of a horizontal color circle. The hue can be interpreted as the polar angle, going from red (0 degrees), green (120), blue (240) back to red.<br /> The closer to the center of the circle the higher the proportion of the white color. The center of the circle is colorless white. Below this level other color circles are positioned in a cylindrical fashion. The lower they are, the darker they get.<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ==References==<br /> *[Poynton, 1999] Charles Poynton. Frequently Asked Questions about Color. Created at: Dec 30, 1999. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorFAQ.pdf .<br /> <br /> *[Miszalok and Smolej, 2001] V. Miszalok, V. Smolej. Color Coding. Jan 13, 2001. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorCoding_english.htm#a1<br /> <br /> *[Marko Tkalčič, 2003] Marko Tkalčič. Colour spaces - perceptual, historical and applicational background. 2003. http://ldos.fe.uni-lj.si/docs/documents/20030929092037_markot.pdf <br /> <br /> [[Category:Glossary]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:RGB_Colorcube_Corner_White_Axis.png&diff=23133 2009-11-10T18:11:04Z

<p>Hiro: RGB Cube</p> <hr /> <div>== Summary ==<br /> RGB Cube<br /> == Copyright status ==<br /> Own work.<br /> == Source ==</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching_talk:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Preattentive_Processing&diff=23132 2009-11-10T17:15:37Z

<p>Hiro: </p> <hr /> <div>==Bearbeitungen Gruppe 12==<br /> <br /> ==Bearbeitung: 03.11.2009==<br /> <br /> * Markup der Definition zu &quot;Quotations&quot; geändert, da es sich bei diesen um Quotes handelt.<br /> * Tablegrafik in Wikitable umgewandelt, um dessen Inhalt verwertbarer zu machen.<br /> * Referenzen and Formatierungsvorgaben angepasst<br /> <br /> == Bearbeitung 06.11.2009 ==<br /> <br /> * Tabelle erweitert und mit Grafiken und Beschreibungen versehen: verständlicher<br /> * Referenzen aus Originalliste weggelassen, da diese in der Healey-Referenz bereits angegeben sind.<br /> * Quote unter der Tabelle hinzugefügt: für zusätzliche Information zu Preattentive Features<br /> * Rechtschreibfehler ausgebessert<br /> <br /> == Bearbeitung 10.11.2009 ==<br /> <br /> * Englisch und Rechtschreibfehler vebessert</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Preattentive_Processing&diff=23130 2009-11-10T17:14:46Z

<p>Hiro: </p> <hr /> <div>= Preattentive processing =<br /> {{Quotation|Visualization is so effective and useful because it utilizes one of the channels to our brain that have the highest bandwidths: our eyes. But even this channel can be used more or less efficiently. One special property of our visual system is preattentive processing. |[Kosara, 2002]}} <br /> <br /> {{Quotation|One very interesting result of vision research over the past 20 years has been the discovery of a limited set of visual properties that are processed preattentively (i.e. without the need for focused attention). Typically, tasks that can be performed on large multi-element displays in 200 milliseconds or less are considered preattentive.This is because eye movements take at least 200 milliseconds to initiate. Any perception that is possible within this time frame involves only the information available in a single glimpse. Random placement of the elements in the displays ensures that attention cannot be prefocused on any particular location. Observers report that these tasks can be completed with very little effort. |[Healey et al., 1996]}}<br /> <br /> == Preattentive features==<br /> <br /> {| border=&quot;1&quot; cellpadding=&quot;3&quot;<br /> |width=&quot;400&quot;| '''Feature'''<br /> | '''Picture'''<br /> |width=&quot;400&quot; | '''Feature'''<br /> | '''Picture'''<br /> |-<br /> |'''orientation'''&lt;br&gt;A different orientation of a certain object can be used to distinguish it from the other objects preattentively.<br /> |[[Image:Tg_orient.gif|100px]]<br /> |'''length, width, size'''&lt;br&gt;Differences in size can be used for the preattentive distinction of various objects.<br /> |[[Image:Tg_len.gif|100px]]<br /> |-<br /> |'''closure'''&lt;br&gt;A closed object in a pool of unclosed objects can be detected preattentively.<br /> |[[Image:Tg_closure.gif|100px]]<br /> |'''curvature'''&lt;br&gt;The curvature of an object can be considered to detect it preattentively.<br /> |[[Image:Tg_curve.gif|100px]]<br /> |-<br /> |'''density, contrast'''&lt;br&gt;The difference of the density of certain objects to the density of the surrounding objects can be detected preattentively.<br /> |[[Image:Tg_den.gif|100px]]<br /> |'''number, estimation'''&lt;br&gt;A group of objects with a certain feature can be detected preattentively dependent on the number of objects.<br /> |[[Image:Tg_num.gif|100px]]<br /> |-<br /> |'''colour (hue)'''&lt;br&gt;The hue of the objects is used to divide the elements into two groups (i.e. a red group and a blue group) though the form varies randomly from object to object. Tests did show that it is easy for subjects to identify the hue boundary as either vertical or horizontal.<br /> |[[Image:Tg_hue.gif|100px]]<br /> |'''intensity, binocular lustre'''&lt;br&gt;The intensity of an attribute (in this case brightness) can be used for the preattentive detection of an object.<br /> |[[Image:Tg_lum.gif|100px]]<br /> |-<br /> |'''intersection'''&lt;br&gt;<br /> |[[Image:Tg_isect.gif|100px]]<br /> |'''terminators'''&lt;br&gt;<br /> |[[Image:Tg_term.gif|100px]]<br /> |-<br /> |'''3-D depth cues, stereoscopic depth'''&lt;br&gt;Describe attributes of objects that are used to distinguish between objects in 3D space. In this example the distance of the shadow which implies that the further the shadow is away from the oject the greater is the distance between the object and the plane it casts its shadow on. <br /> |[[Image:Tg_3d_depth.gif|100px]]<br /> |'''flicker'''&lt;br&gt;Describes the abrubt change between two different states of the same attribute. In this example visiblity.<br /> |[[Image:Tg_flick.gif|100px]]<br /> |-<br /> |'''direction of motion'''&lt;br&gt;Differences in the direction of motion can be detected preattentively especially if the motion is directed against the flow of general motion.<br /> |[[Image:Tg_dir.gif|100px]]<br /> |'''velocity of motion'''&lt;br&gt;Another motion related cue for preattentive processing is the difference of the continuity of a certain motion speed between an object and its environment. <br /> |[[Image:Tg_vel.gif|100px]]<br /> |-<br /> |'''lighting direction'''&lt;br&gt;The lightning is normally constant for all objects in a certain scene so variations in the lightning of a single object can be used a preattentiv cue.<br /> |[[Image:Tg_3d_light.gif|100px]]<br /> |'''3D orientation'''&lt;br&gt;The orientation in a 3D space can also be used as a cue for preattentive processing.<br /> |[[Image:Tg_orient_3d.gif|100px]]<br /> |-<br /> |'''artistic properties'''&lt;br&gt;<br /> |[[Image:Tg_npr.gif|100px]]<br /> |&amp;nbsp;<br /> |&amp;nbsp;<br /> |-<br /> |}<br /> Compiled list from [Healey, 2005], [Chipman, 1996]<br /> <br /> {{Quotation|It is important to note that some of these features are asymmetric. For example, a sloped line in a sea of vertical lines can be detected preattentively. However, a vertical line in a sea of sloped lines cannot be detected preattentively. Another important consideration is the effect of different types of background distractors on the target feature. These factors must often be addressed when trying to design display techniques that rely on preattentive processing.|[Healey, 2005]}}<br /> <br /> == Examples for preattentive processing ==<br /> <br /> [[Image:Preattantive_1.jpg]] <br /> <br /> Detecting the red object preattentively. [Healey et al., 1996] One visual variable which is very easy to find. <br /> <br /> <br /> <br /> [[Image:Preattantive_2.jpg]]<br /> <br /> Detecting the circle preattentively. [Chipman, 1996] It is more difficult but still preantentive.<br /> <br /> <br /> [[Image:Preattentive_4.JPG]]<br /> <br /> Examples of two target detection tasks: (a) target can be detected preattentively because it possesses the feature “filled”; (b) target cannot be detected preattentively because it has no visual feature that is unique from its distractors. [Healey et al., 1996]<br /> <br /> <br /> [[Image:Preattentive_3.JPG]]<br /> <br /> Region segregation by form and hue: (a) hue boundary is identified preattentively, even though form varies randomly in the two regions; (b) random hue variations interfere with the identification of a region boundary based on form. [Healey et al., 1996]<br /> <br /> ==Conclusion==<br /> Any visual processing of that item prior to the act of selection can be called preattentive. [Wolfe, Treisma, 2003]<br /> <br /> Preattentive processing can help to rapidly draw the focus of attention to a target with a unique visual feature (i.e., little or no searching is required in the preattentive case). [Healey, 2005]<br /> <br /> ==References==<br /> <br /> *[Kosara et al., 2002] Robert Kosara, Silvia Miksch, Helwig Hauser. Focus+Context Taken Literally ''IEEE Computer Graphics &amp; Applications (CG&amp;A), Special Issue on Information Visualization'', 22(1), pages 22-29. Created at: January/February, 2002. http://www.kosara.net/papers/Kosara_CGA_2002.pdf .<br /> <br /> *[Healey et al., 1996] Healey, C. G., Booth, K. S., and Enns, J. T.. High-Speed Visual Estimation Using Preattentive Processing. ''ACM Transactions on Human Computer Interaction'' 3(2), pages 107-135, Created at: 1996. http://www.csc.ncsu.edu/faculty/healey/download/tochi.96.pdf .<br /> <br /> *[Wolfe, Treisma, 2003] Jeremy M Wolfe, Anne Treisma. What shall we do with the preattentive processing stage: Use it or lose it?, ''Todd S Horowitz poster presented at the Third Annual Meeting of the Vision Sciences Society''. Sarasota. Created at: May, 2003. http://search.bwh.harvard.edu/links/talks/VSS03-JMW.pdf .<br /> <br /> *[Healey, 2005] Christopher G. Healey. Perception in Visualization. Department of Computer Science, North Carolina State University. Created at: May, 2005. http://www.csc.ncsu.edu/faculty/healey/PP/index.html#Tri_Cog_Psych:80 .<br /> <br /> *[Chipman, 1996] Gene Chipman. Review of High Speed Visual Estimation Using Preattantive Processing (Healy, Booth and Enns). Created at: 1996, Retrieved at: October 24, 2005. http://www.cs.umd.edu/class/spring2002/cmsc838f/preattentive.ppt#267 .</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching_talk:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_space&diff=22785 2009-11-05T20:40:14Z

<p>Hiro: New page: == Bearbeitung von Hiro 05.11.2009 == * RGB allgemeiner geschrieben: da die Funktionsweise von Shadow Mask CRT&#039;s nicht sehr allgemein ist</p> <hr /> <div>== Bearbeitung von Hiro 05.11.2009 ==<br /> * RGB allgemeiner geschrieben: da die Funktionsweise von Shadow Mask CRT's nicht sehr allgemein ist</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_space&diff=22783 2009-11-05T20:37:43Z

<p>Hiro: </p> <hr /> <div>==Color==<br /> <br /> {{Quotation|Color is the perceptual result of light in the visible region of the spectrum, having wavelengths in the region of 400 nm to 700 nm, incident upon the retina. |[Poynton, 1999]}}<br /> &lt;center&gt;Light is electromagnetic radiation with wavelength between 380 nm = blue and 780 nm = red.&lt;/center&gt;<br /> &lt;center&gt;Unit 1 nm = 1 billionth of a meter.&lt;/center&gt;<br /> [[Image:Intro.JPG|thumb|400px|center]] <br /> The complexity of all kinds of different color mixtures was substantially simplified in 1931 by Commission Internationale de l'Éclairage CIE, who defined a two-dimensional, horseshoe-like color space, that allows easy definition and description of color mixtures. The edge of the horseshoe includes all the pure spectral colors. The inside region contains the mixtures. <br /> &lt;br&gt;<br /> The human visual perception is too complex to be quantified in a more than approximate manner. One practical approach is to define 2,3 or more spectral colors and create mixed colors by adjusting the relative proportions of the said spectral colors and colorless (i.e. white/black) component,. Or one defines first the mixed color, quantifies first its colorless (brightness/darkness) component and then codes the color information as deviation in the direction of 2, 3 or more spectral colors. Typical examples would be the RGB and YIQ systems respectively. [Miszalok and Smolej, 2001]<br /> <br /> ==Color Coding==<br /> <br /> {{Quotation|The typical human eye can distinguish over 10,000 different colors. We use color everyday to identify, classify and determine the state of objects around us. In addition to natural colors, we use color codes for displaying color on the Computer. That is what Color Coding is used for. |[Sahler, 2005]}}<br /> <br /> ==Models for Color Coding==<br /> <br /> ===RGB===<br /> <br /> &lt;div class=&quot;floatright&quot;&gt;[[Image:3DVecModelRGB.JPG|thumb|400px|left|3D-vector space of the RGB-color model]]&lt;/div&gt;<br /> <br /> The RGB color model is an additive color model, forming its gamut from various mixtures of the primary additive colors red, green and blue. The main idea behind the RGB color model is the human perception of color, furthermore the trichromatic theory which states that there are three types of cones, which are referred to as L, M, and S cones (long, middle and short wavelength sensitivity), approximately sensitive to the red, green and blue region of the visible spectrum.<br /> <br /> The main purpose of the RGB color model is the sensing and reproduction of color on electronic devices such as computers, televisions. Typical RGB input devices are color TV and video cameras, image scanners, and digital cameras<br /> &lt;div style=&quot;clear:both;&quot;&gt;&amp;nbsp;&lt;/div&gt;<br /> ===CMY===<br /> <br /> An active image display must fill its dark surface with light, i.e. combine the red, green and blue components into the final colors. When all three primary colors are added in equal proportions, a white color results. <br /> A printer creates the colors the opposite way: it must create colors by eliminating - i..e. subtracting - the red, green and blue colors from the white paper background. By subtracting equal proportions of the primary colors a black color can be created. To achieve this one needs Cyan, Magenta and Yellow, colors which are complementary to RGB. The resulting CMY model is a straightforward complement of the RGB-Modell. The conversion from RGB into CMY is given by the following equations:<br /> C = 255 - R; M = 255 - G; Y = 255 - B [Miszalok and Smolej, 2001]<br /> <br /> <br /> [[Image:3DVecModeCMY.JPG|thumb|400px|left|3D-vector space of the CMY-color model]]<br /> [[Image:CMY.JPG|thumb|300px|none|CMY Image]]<br /> <br /> ===YIQ and YUV===<br /> <br /> In TV broadcasting the color is for all practical purposes an addition to the black and white information, provided by the so-called Y-signal: Y = g1*R+ g2*G + g3*B where g1+g2+g3 = 1.0. Two additional low-bandwidth signal pathways transport the color information in a form of weighted difference between the real signal and the Y component. <br /> <br /> YIQ:<br /> is used in color TV norm NTSC (America and Japan).<br /> <br /> YUV:<br /> is used in the PAL colorTV norm (Europe, Africa, Asia except for Japan, Australia) and in digital video. YUV uses similar signals as YIQ (with different weights, however, and using a coordinate system, rotated 33 degrees) but with a higher bandwidth and correspondingly higher quality. [Miszalok and Smolej, 2001]<br /> ===HSL and HSV===<br /> [[Image:HSV-Colorspace.png|thumb|300px|none|HSV Colorspace|right]]<br /> HSL and HSV are color models wich describe the color relationships better than RGB. HSL stands for hue, saturation and lightness while HSV stands for hue, saturation and value. These color models reflect the human color vision better than the RGB, CMY, YUV and YIQ models, which are targeted primarily for hardware applications.<br /> <br /> The color space of HSL and HSV can be thought of cylinders. Each point in this cylinder describes a color.<br /> <br /> The three coordinates H, L and S of this system can be easily visualized as follows: Pure colors are found at the outer border of a horizontal color circle. The hue can be interpreted as the polar angle, going from red (0 degrees), green (120), blue (240) back to red.<br /> The closer to the center of the circle the higher the proportion of the white color. The center of the circle is colorless white. Below this level other color circles are positioned in a cylindrical fashion. The lower they are, the darker they get.<br /> <br /> ==Bibliography==<br /> *[Poynton, 1999] Charles Poynton. Frequently Asked Questions about Color. Created at: Dec 30, 1999. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorFAQ.pdf .<br /> <br /> *[Sahler, 2005] Sahler Office Interiors &amp; Information Systems. Color Coding. Retrieved at: Nov 3, 2009. http://www.sahler.com/information/record-keeping/color-coding . (Formerly: Oct. 2005, http://www.sahler.com/colorcode.shtml) <br /> <br /> *[Miszalok and Smolej, 2001] V. Miszalok, V. Smolej. Color Coding. Jan 13, 2001. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorCoding_english.htm#a1<br /> <br /> *[Marko Tkalčič, 2003] Marko Tkalčič. Colour spaces - perceptual, historical and applicational background. 2003, <br /> <br /> [[Category:Glossary]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_1&diff=22608 2009-11-04T18:50:42Z

<p>Hiro: </p> <hr /> <div>== Aufgabenstellung ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe1.html Beschreibung der Aufgabe 1]<br /> === Auszubessernde InfoVis Begriffe ===<br /> *'''[[Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Preattentive_Processing|Preattentive Processing]]'''<br /> *'''[[Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_Spaces|Color Spaces]]'''<br /> <br /> == Links ==<br /> <br /> <br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> <br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> <br /> *[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_1&diff=22604 2009-11-04T18:48:11Z

<p>Hiro: </p> <hr /> <div>== Aufgabenstellung ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe1.html Beschreibung der Aufgabe 1]<br /> === Auszubessernde InfoVis Begriffe ===<br /> *'''[[Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Preattentive_Processing|Preattentive Processing]]'''<br /> *'''[[Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_1_-_Color_Spaces|Color Spaces]]'''<br /> <br /> == Links ==<br /> <br /> <br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> <br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> <br /> *[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Color_spaces&diff=22603 2009-11-04T18:47:09Z

<p>Hiro: Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G3 - Aufgabe 1 - Color spaces moved to Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe G12 - Aufgabe 1 - Color Spaces: For consistency</p> <hr /> <div>#REDIRECT [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe G12 - Aufgabe 1 - Color Spaces]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_Spaces&diff=22602 2009-11-04T18:47:09Z

<p>Hiro: Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G3 - Aufgabe 1 - Color spaces moved to Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe G12 - Aufgabe 1 - Color Spaces: For consistency</p> <hr /> <div>#REDIRECT [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe G12 - Aufgabe 1 - Color spaces]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_Spaces&diff=22601 2009-11-04T18:46:59Z

<p>Hiro: Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G3 - Aufgabe 1 - Color spaces moved to Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe G12 - Aufgabe 1 - Color spaces</p> <hr /> <div>#REDIRECT [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe G12 - Aufgabe 1 - Color spaces]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_space&diff=22600 2009-11-04T18:46:59Z

<p>Hiro: Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G3 - Aufgabe 1 - Color spaces moved to Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe G12 - Aufgabe 1 - Color spaces</p> <hr /> <div>==Color==<br /> <br /> {{Quotation|Color is the perceptual result of light in the visible region of the spectrum, having wavelengths in the region of 400 nm to 700 nm, incident upon the retina. |[Poynton, 1999]}}<br /> &lt;center&gt;Light is electromagnetic radiation with wavelength between 380 nm = blue and 780 nm = red.&lt;/center&gt;<br /> &lt;center&gt;Unit 1 nm = 1 billionth of a meter.&lt;/center&gt;<br /> [[Image:Intro.JPG|thumb|400px|center]] <br /> The complexity of all kinds of different color mixtures was substantially simplified in 1931 by Commission Internationale de l'Éclairage CIE, who defined a two-dimensional, horseshoe-like color space, that allows easy definition and description of color mixtures. The edge of the horseshoe includes all the pure spectral colors. The inside region contains the mixtures. <br /> &lt;br&gt;<br /> The human visual perception is too complex to be quantified in a more than approximate manner. One practical approach is to define 2,3 or more spectral colors and create mixed colors by adjusting the relative proportions of the said spectral colors and colorless (i.e. white/black) component,. Or one defines first the mixed color, quantifies first its colorless (brightness/darkness) component and then codes the color information as deviation in the direction of 2, 3 or more spectral colors. Typical examples would be the RGB and YIQ systems respectively. [Miszalok and Smolej, 2001]<br /> <br /> ==Color Coding==<br /> <br /> {{Quotation|The typical human eye can distinguish over 10,000 different colors. We use color everyday to identify, classify and determine the state of objects around us. In addition to natural colors, we use color codes for displaying color on the Computer. That is what Color Coding is used for. |[Sahler, 2005]}}<br /> <br /> ==Models for Color Coding==<br /> <br /> ===RGB===<br /> <br /> Shadow Mask Color CRTs consist of Red/Green/Blue triples, which are selectively excited through three cathode rays (accelerated through 3 separate anode voltages) Each combination of the voltages applied creates its own characteristical color, so it is natural to characterize different colors through the intensity ratios. The Shadow-Mask-Color-CRTs can not show all the colors, that a human eye can perceive. On the other a significant portion of possible colors can be comfortably described by the three RGB values. This simple color coding has accepted elatively fast and ound its way into all operating systems, image formats and programming languages. The acceptance level is also one of the reasons for use of this technology in all flat panel displays. The final result is that the RGB model is the most important and universal color coding convention. The RGB model may be satisfactory for display purposes, but unfortunately has limitations, which make it less than useful for applications, where the color is not supposed to depend from the display used to create or display it. [Miszalok and Smolej, 2001]<br /> <br /> <br /> [[Image:3DVecModelRGB.JPG|thumb|400px|left|3D-vector space of the RGB-color model]] <br /> [[Image:RGB.JPG|thumb|300px|none|RGB Image]]<br /> <br /> ===CMY===<br /> <br /> An active image display must fill its dark surface with light, i.e. combine the red, green and blue components into the final colors. When all three primary colors are added in equal proportions, a white color results. <br /> A printer creates the colors the opposite way: it must create colors by eliminating - i..e. subtracting - the red, green and blue colors from the white paper background. By subtracting equal proportions of the primary colors a black color can be created. To achieve this one needs Cyan, Magenta and Yellow, colors which are complementary to RGB. The resulting CMY model is a straightforward complement of the RGB-Modell. The conversion from RGB into CMY is given by the following equations:<br /> C = 255 - R; M = 255 - G; Y = 255 - B [Miszalok and Smolej, 2001]<br /> <br /> <br /> [[Image:3DVecModeCMY.JPG|thumb|400px|left|3D-vector space of the CMY-color model]]<br /> [[Image:CMY.JPG|thumb|300px|none|CMY Image]]<br /> <br /> ===YIQ and YUV===<br /> <br /> In TV broadcasting the color is for all practical purposes an addition to the black and white information, provided by the so-called Y-signal: Y = g1*R+ g2*G + g3*B where g1+g2+g3 = 1.0. Two additional low-bandwidth signal pathways transport the color information in a form of weighted difference between the real signal and the Y component. <br /> <br /> YIQ:<br /> is used in color TV norm NTSC (America and Japan).<br /> <br /> YUV:<br /> is used in the PAL colorTV norm (Europe, Africa, Asia except for Japan, Australia) and in digital video. YUV uses similar signals as YIQ (with different weights, however, and using a coordinate system, rotated 33 degrees) but with a higher bandwidth and correspondingly higher quality. [Miszalok and Smolej, 2001]<br /> <br /> ===HLS, HSV, HVC===<br /> <br /> These color models reflect the human color vision better than the RGB, CMY, YUV and YIQ models, which are targeted primarily for hardware applications. HLS, HSV, HVC are better suited for human than for electronic communication.<br /> <br /> <br /> '''HLS''' is the abreviation for Hue-Lightness-Saturation.<br /> <br /> The HLS-Model can be best understood by an analogy of a painter deciding for a color he or she will apply:<br /> (1) choose first a pure color (=Hue). <br /> (2) add white pigment to it, so that it loses a little of its individuality (=Saturation).<br /> (3) Now add the black pigment, so that the color is not too bright (=Lightness)<br /> <br /> The three coordinates H, L and S of this system can be easily visualized as follows:<br /> Pure colors are found at the outer border of a horizontal color circle. The hue can be interpreted as the polar angle, going from red (0 degrees), green (120), blue (240) back to red. <br /> The circle is closed to the outside, on the other side any point within the circle stands for some color. The closer to the center of the circle the higher the proportion of the white color. The center of the circle is colorless white.<br /> Below this level other color circles are positioned in a cylindrical fashion. The lower they are, the darker they get. Descending along the vertical axis of the system from its top down to the bottom, one crosses from bright white color down to complete black. Off-axis, for instance for hue=red, one descends from bright red down to dark red, with the degree of color saturation depending on how far off-axis we are. Note that bright red is not as bright as bright white, which, additional to bright red, also contains bright green and bright blue. <br /> This is why the final form of an HLS system consists of two tops (rotational pyramids), with their bottom sides glued together. The top point denotates absolute white, the bottom absolute black and the middle circle a circular approximation of all available colors at an intermediate intensity.<br /> The Hue coordinate is described by an angle between 0 and 360 degrees, the Lightness (vertical axis) and Saturation (radial distance from the Lightness axis) with values between 0.0 and 1.0. The maximal color saturation possible depends on Lightness. Halfway from the top (L=0.5) the maximum saturation (in other words the radius of the circle) is S=1.0. The red color for instance thus has coordinates like H = 0 Degrees, L = 0.5 and S = 1.0.<br /> <br /> <br /> [[Image:HLS.JPG|thumb|500px|center]] <br /> <br /> '''HSV''' is an abbreviation for Hue-Saturation-Value.<br /> This system is identical to HLS, just that instead of Lightness the vertical coordinate is named value<br /> <br /> <br /> [[Image:HSV.JPG|thumb|400px|center]] <br /> <br /> '''HVC''' is an abreviation of Hue-Value-Chroma.<br /> This is a practical color coordinate system, designed about 1900 by a physicist A. Munsell. It is based on a set of samples, whose production is carefully controlled to ensure repeatability. The samples have been selected in such a fashion that from the point of view of human vision they sample the seeable colors in equidistant fashion. It is good in cases when subjective impression of the color is asked for but less useful in case of technical systems. [Miszalok and Smolej, 2001]<br /> <br /> ==Bibliography==<br /> *[Poynton, 1999] Charles Poynton. Frequently Asked Questions about Color. Created at: Dec 30, 1999. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorFAQ.pdf .<br /> <br /> *[Sahler, 2005] Sahler Office Interiors &amp; Information Systems. Color Coding. Retrieved at: Nov 3, 2009. http://www.sahler.com/information/record-keeping/color-coding . (Formerly: Oct. 2005, http://www.sahler.com/colorcode.shtml) <br /> <br /> *[Miszalok and Smolej, 2001] V. Miszalok, V. Smolej. Color Coding. Jan 13, 2001. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorCoding_english.htm#a1<br /> <br /> *[Marko Tkalčič, 2003] Marko Tkalčič. Colour spaces - perceptual, historical and applicational background. 2003, <br /> <br /> [[Category:Glossary]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_1&diff=22599 2009-11-04T18:46:16Z

<p>Hiro: </p> <hr /> <div>== Aufgabenstellung ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe1.html Beschreibung der Aufgabe 1]<br /> === Auszubessernde InfoVis Begriffe ===<br /> *'''[[Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Preattentive_Processing|Preattentive Processing]]'''<br /> *'''[[Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_09_-_Aufgabe_1_-_Color_Spaces|Color Spaces]]'''<br /> <br /> == Links ==<br /> <br /> <br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> <br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> <br /> *[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Color_Space&diff=22597 2009-11-04T18:43:16Z

<p>Hiro: Color Space moved to Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G3 - Aufgabe 1 - Color spaces: For consistency with other pages</p> <hr /> <div>#REDIRECT [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G3 - Aufgabe 1 - Color spaces]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_G12_-_Aufgabe_1_-_Color_space&diff=22596 2009-11-04T18:43:16Z

<p>Hiro: Color Space moved to Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G3 - Aufgabe 1 - Color spaces: For consistency with other pages</p> <hr /> <div>==Color==<br /> <br /> {{Quotation|Color is the perceptual result of light in the visible region of the spectrum, having wavelengths in the region of 400 nm to 700 nm, incident upon the retina. |[Poynton, 1999]}}<br /> &lt;center&gt;Light is electromagnetic radiation with wavelength between 380 nm = blue and 780 nm = red.&lt;/center&gt;<br /> &lt;center&gt;Unit 1 nm = 1 billionth of a meter.&lt;/center&gt;<br /> [[Image:Intro.JPG|thumb|400px|center]] <br /> The complexity of all kinds of different color mixtures was substantially simplified in 1931 by Commission Internationale de l'Éclairage CIE, who defined a two-dimensional, horseshoe-like color space, that allows easy definition and description of color mixtures. The edge of the horseshoe includes all the pure spectral colors. The inside region contains the mixtures. <br /> &lt;br&gt;<br /> The human visual perception is too complex to be quantified in a more than approximate manner. One practical approach is to define 2,3 or more spectral colors and create mixed colors by adjusting the relative proportions of the said spectral colors and colorless (i.e. white/black) component,. Or one defines first the mixed color, quantifies first its colorless (brightness/darkness) component and then codes the color information as deviation in the direction of 2, 3 or more spectral colors. Typical examples would be the RGB and YIQ systems respectively. [Miszalok and Smolej, 2001]<br /> <br /> ==Color Coding==<br /> <br /> {{Quotation|The typical human eye can distinguish over 10,000 different colors. We use color everyday to identify, classify and determine the state of objects around us. In addition to natural colors, we use color codes for displaying color on the Computer. That is what Color Coding is used for. |[Sahler, 2005]}}<br /> <br /> ==Models for Color Coding==<br /> <br /> ===RGB===<br /> <br /> Shadow Mask Color CRTs consist of Red/Green/Blue triples, which are selectively excited through three cathode rays (accelerated through 3 separate anode voltages) Each combination of the voltages applied creates its own characteristical color, so it is natural to characterize different colors through the intensity ratios. The Shadow-Mask-Color-CRTs can not show all the colors, that a human eye can perceive. On the other a significant portion of possible colors can be comfortably described by the three RGB values. This simple color coding has accepted elatively fast and ound its way into all operating systems, image formats and programming languages. The acceptance level is also one of the reasons for use of this technology in all flat panel displays. The final result is that the RGB model is the most important and universal color coding convention. The RGB model may be satisfactory for display purposes, but unfortunately has limitations, which make it less than useful for applications, where the color is not supposed to depend from the display used to create or display it. [Miszalok and Smolej, 2001]<br /> <br /> <br /> [[Image:3DVecModelRGB.JPG|thumb|400px|left|3D-vector space of the RGB-color model]] <br /> [[Image:RGB.JPG|thumb|300px|none|RGB Image]]<br /> <br /> ===CMY===<br /> <br /> An active image display must fill its dark surface with light, i.e. combine the red, green and blue components into the final colors. When all three primary colors are added in equal proportions, a white color results. <br /> A printer creates the colors the opposite way: it must create colors by eliminating - i..e. subtracting - the red, green and blue colors from the white paper background. By subtracting equal proportions of the primary colors a black color can be created. To achieve this one needs Cyan, Magenta and Yellow, colors which are complementary to RGB. The resulting CMY model is a straightforward complement of the RGB-Modell. The conversion from RGB into CMY is given by the following equations:<br /> C = 255 - R; M = 255 - G; Y = 255 - B [Miszalok and Smolej, 2001]<br /> <br /> <br /> [[Image:3DVecModeCMY.JPG|thumb|400px|left|3D-vector space of the CMY-color model]]<br /> [[Image:CMY.JPG|thumb|300px|none|CMY Image]]<br /> <br /> ===YIQ and YUV===<br /> <br /> In TV broadcasting the color is for all practical purposes an addition to the black and white information, provided by the so-called Y-signal: Y = g1*R+ g2*G + g3*B where g1+g2+g3 = 1.0. Two additional low-bandwidth signal pathways transport the color information in a form of weighted difference between the real signal and the Y component. <br /> <br /> YIQ:<br /> is used in color TV norm NTSC (America and Japan).<br /> <br /> YUV:<br /> is used in the PAL colorTV norm (Europe, Africa, Asia except for Japan, Australia) and in digital video. YUV uses similar signals as YIQ (with different weights, however, and using a coordinate system, rotated 33 degrees) but with a higher bandwidth and correspondingly higher quality. [Miszalok and Smolej, 2001]<br /> <br /> ===HLS, HSV, HVC===<br /> <br /> These color models reflect the human color vision better than the RGB, CMY, YUV and YIQ models, which are targeted primarily for hardware applications. HLS, HSV, HVC are better suited for human than for electronic communication.<br /> <br /> <br /> '''HLS''' is the abreviation for Hue-Lightness-Saturation.<br /> <br /> The HLS-Model can be best understood by an analogy of a painter deciding for a color he or she will apply:<br /> (1) choose first a pure color (=Hue). <br /> (2) add white pigment to it, so that it loses a little of its individuality (=Saturation).<br /> (3) Now add the black pigment, so that the color is not too bright (=Lightness)<br /> <br /> The three coordinates H, L and S of this system can be easily visualized as follows:<br /> Pure colors are found at the outer border of a horizontal color circle. The hue can be interpreted as the polar angle, going from red (0 degrees), green (120), blue (240) back to red. <br /> The circle is closed to the outside, on the other side any point within the circle stands for some color. The closer to the center of the circle the higher the proportion of the white color. The center of the circle is colorless white.<br /> Below this level other color circles are positioned in a cylindrical fashion. The lower they are, the darker they get. Descending along the vertical axis of the system from its top down to the bottom, one crosses from bright white color down to complete black. Off-axis, for instance for hue=red, one descends from bright red down to dark red, with the degree of color saturation depending on how far off-axis we are. Note that bright red is not as bright as bright white, which, additional to bright red, also contains bright green and bright blue. <br /> This is why the final form of an HLS system consists of two tops (rotational pyramids), with their bottom sides glued together. The top point denotates absolute white, the bottom absolute black and the middle circle a circular approximation of all available colors at an intermediate intensity.<br /> The Hue coordinate is described by an angle between 0 and 360 degrees, the Lightness (vertical axis) and Saturation (radial distance from the Lightness axis) with values between 0.0 and 1.0. The maximal color saturation possible depends on Lightness. Halfway from the top (L=0.5) the maximum saturation (in other words the radius of the circle) is S=1.0. The red color for instance thus has coordinates like H = 0 Degrees, L = 0.5 and S = 1.0.<br /> <br /> <br /> [[Image:HLS.JPG|thumb|500px|center]] <br /> <br /> '''HSV''' is an abbreviation for Hue-Saturation-Value.<br /> This system is identical to HLS, just that instead of Lightness the vertical coordinate is named value<br /> <br /> <br /> [[Image:HSV.JPG|thumb|400px|center]] <br /> <br /> '''HVC''' is an abreviation of Hue-Value-Chroma.<br /> This is a practical color coordinate system, designed about 1900 by a physicist A. Munsell. It is based on a set of samples, whose production is carefully controlled to ensure repeatability. The samples have been selected in such a fashion that from the point of view of human vision they sample the seeable colors in equidistant fashion. It is good in cases when subjective impression of the color is asked for but less useful in case of technical systems. [Miszalok and Smolej, 2001]<br /> <br /> ==Bibliography==<br /> *[Poynton, 1999] Charles Poynton. Frequently Asked Questions about Color. Created at: Dec 30, 1999. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorFAQ.pdf .<br /> <br /> *[Sahler, 2005] Sahler Office Interiors &amp; Information Systems. Color Coding. Retrieved at: Nov 3, 2009. http://www.sahler.com/information/record-keeping/color-coding . (Formerly: Oct. 2005, http://www.sahler.com/colorcode.shtml) <br /> <br /> *[Miszalok and Smolej, 2001] V. Miszalok, V. Smolej. Color Coding. Jan 13, 2001. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorCoding_english.htm#a1<br /> <br /> *[Marko Tkalčič, 2003] Marko Tkalčič. Colour spaces - perceptual, historical and applicational background. 2003, <br /> <br /> [[Category:Glossary]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10_-_Gruppe_12_-_Aufgabe_1&diff=22591 2009-11-04T18:04:16Z

<p>Hiro: </p> <hr /> <div>== Aufgabenstellung ==<br /> [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe1.html Beschreibung der Aufgabe 1]<br /> === Auszubessernde InfoVis Begriffe ===<br /> *'''[[Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G3_-_Aufgabe_1_-_Preattentive_Processing|Preattentive Processing]]'''<br /> *'''[[Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_09_-_Aufgabe_1_-_Color_Space|Color spaces]]'''<br /> <br /> == Links ==<br /> <br /> <br /> * [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]<br /> <br /> * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]<br /> <br /> *[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=User:UE-InfoVis0910_0525136&diff=22267 2009-10-28T08:57:10Z

<p>Hiro: </p> <hr /> <div>* '''Name:''' Sakai, Hiroyuki<br /> * '''Kennzahl:''' 535<br /> <br /> &lt;br /&gt;<br /> [[Image:black_hamster_jitter.jpg]]</div>

Hiro https://infovis-wiki.net/w/index.php?title=User:UE-InfoVis0910_0525136&diff=22266 2009-10-28T08:56:39Z

<p>Hiro: </p> <hr /> <div>* '''Name:''' Sakai, Hiroyuki<br /> * '''Kennzahl:''' 535<br /> <br /> &lt;br /&gt;<br /> [[Image:black_hamster_jitter.jpg]]<br /> <br /> &lt;br /&gt;<br /> [[User:UE-InfoVis0910 0525136|UE-InfoVis0910 0525136]] 14:29, 24 October 2009 (CEST)</div>

Hiro https://infovis-wiki.net/w/index.php?title=User:UE-InfoVis0910_0525136&diff=22180 2009-10-24T12:37:54Z

<p>Hiro: </p> <hr /> <div>* '''Name:''' Sakai, Hiroyuki<br /> * '''Matrikelnr.:''' 0525136<br /> * '''Kennzahl:''' 535<br /> <br /> &lt;br /&gt;<br /> [[Image:black_hamster_jitter.jpg]]<br /> <br /> &lt;br /&gt;<br /> [[User:UE-InfoVis0910 0525136|UE-InfoVis0910 0525136]] 14:29, 24 October 2009 (CEST)</div>

Hiro https://infovis-wiki.net/w/index.php?title=User:UE-InfoVis0910_0525136&diff=22179 2009-10-24T12:37:37Z

<p>Hiro: </p> <hr /> <div>* '''Name:''' Sakai, Hiroyuki<br /> * '''Matrikelnr.:''' 0525136<br /> * '''Kennzahl:''' 535<br /> <br /> [[Image:black_hamster_jitter.jpg]]<br /> <br /> &lt;br/&gt;<br /> [[User:UE-InfoVis0910 0525136|UE-InfoVis0910 0525136]] 14:29, 24 October 2009 (CEST)</div>

Hiro https://infovis-wiki.net/w/index.php?title=File:Black_hamster_jitter.jpg&diff=22178 2009-10-24T12:36:17Z

<p>Hiro: Jitter</p> <hr /> <div>== Summary ==<br /> Jitter<br /> == Copyright status ==<br /> <br /> == Source ==</div>

Hiro https://infovis-wiki.net/w/index.php?title=User:UE-InfoVis0910_0525136&diff=22177 2009-10-24T12:31:26Z

<p>Hiro: New page: * &#039;&#039;&#039;Name:&#039;&#039;&#039; Sakai, Hiroyuki * &#039;&#039;&#039;Matrikelnr.:&#039;&#039;&#039; 0525136 * &#039;&#039;&#039;Kennzahl:&#039;&#039;&#039; 535 &lt;br/&gt; UE-InfoVis0910 0525136 14:29, 24 October 2009 (CEST)</p> <hr /> <div>* '''Name:''' Sakai, Hiroyuki<br /> * '''Matrikelnr.:''' 0525136<br /> * '''Kennzahl:''' 535<br /> <br /> &lt;br/&gt;<br /> [[User:UE-InfoVis0910 0525136|UE-InfoVis0910 0525136]] 14:29, 24 October 2009 (CEST)</div>

Hiro https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2009/10&diff=22175 2009-10-24T12:19:30Z

<p>Hiro: </p> <hr /> <div>[[Image:Aigner03infovis ue.gif]] &lt;big&gt;WS 2009/10&lt;/big&gt;<br /> <br /> '''LVA Nr:''' 188.308 ([http://tuwis.tuwien.ac.at/lva/tuwien/188308 TUWIS++ Seite])<br /> <br /> '''LVA Homepage:''' http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/index.html<br /> <br /> '''Leitung:''' [[Gschwandtner, Theresia|Theresia Gschwandtner]] [gschwandtner (at) ifs.tuwien.ac.at]&lt;br&gt;<br /> '''Tutorin:''' [[User:Katharina-Anna Wendelin|Katharina-Anna Wendelin]] [e0425160 (at) student.tuwien.ac.at]<br /> <br /> <br /> == Gruppen ==<br /> &lt;!-- <br /> Gruppenlinks hier einfügen!<br /> Beispiel:<br /> *[[Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe XX|Gruppe XX]]<br /> &quot;XX&quot; durch Gruppennummer ersetzen!<br /> --&gt;<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 01|Gruppe 01 (Sakai, Sverak, &lt;frei&gt;)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 02|Gruppe 02 (Feichtinger, Rezaei, Schindelka)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03|Gruppe 03 (Lang, Hackl, Hasslacher)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 04|Gruppe 04 (Kaiser, &lt;NACHNAME&gt;, Ehsani)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 05|Gruppe 05 (Paizoni, Wuttej, Hudl)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 06|Gruppe 06 (Fried, Fritz, Hiller)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 07|Gruppe 07 (Schwengerer, &lt;???&gt;, &lt;???&gt;)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 09|Gruppe 09 (Hubmann-Haidvogel, Kloibhofer, Riederer)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 13|Gruppe 13 (Sadauskas, Scheikl, Burger)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 14|Gruppe 14 (Gastecker, Hahn, Leeb)]]<br /> <br /> [[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15 (Martin, Stix, Lenzhofer)]]<br /> <br /> == News / Bemerkungen ==<br /> <br /> <br /> Liebe TeilnehmerInnen!&lt;br&gt;<br /> Um diese Seite einheitlich zu gestalten (auch bezüglich der Vorjahre), schlage ich vor die Nachnamen <br /> der Gruppenmitglieder in Klammer neben der Gruppe anzugeben,&lt;br&gt; <br /> z.B.: Gruppe XX (Maier, Müller, Mustermann).&lt;br&gt;<br /> -- [[Gschwandtner, Theresia|Theresia Gschwandtner]] 10:05, 01 October 2009 (CEST)</div>

Hiro