https://en.wikipedia.org/w/index.php?action=history&feed=atom&title=Visual_variable Visual variable - Revision history 2025-06-27T06:34:03Z Revision history for this page on the wiki MediaWiki 1.45.0-wmf.7 https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=1270996179&oldid=prev JJMC89 bot III: Moving :Category:Information visualization to :Category:Data and information visualization per Wikipedia:Categories for discussion/Log/2025 January 9#Category:Data visualization and Category:Information visualization 2025-01-22T05:34:37Z <p>Moving <a href="/wiki/Category:Information_visualization" title="Category:Information visualization">Category:Information visualization</a> to <a href="/wiki/Category:Data_and_information_visualization" title="Category:Data and information visualization">Category:Data and information visualization</a> per <a href="/wiki/Wikipedia:Categories_for_discussion/Log/2025_January_9#Category:Data_visualization_and_Category:Information_visualization" title="Wikipedia:Categories for discussion/Log/2025 January 9">Wikipedia:Categories for discussion/Log/2025 January 9#Category:Data visualization and Category:Information visualization</a></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 05:34, 22 January 2025</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 132:</td> <td colspan="2" class="diff-lineno">Line 132:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Cartography]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Cartography]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Graphic design]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Graphic design]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category:<del style="font-weight: bold; text-decoration: none;">Information</del> visualization]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Category:<ins style="font-weight: bold; text-decoration: none;">Data and information</ins> visualization]]</div></td> </tr> </table> JJMC89 bot III https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=1171400168&oldid=prev BattyBot: /* Size */Fixed reference date error(s) (see CS1 errors: dates for details) and AWB general fixes 2023-08-20T22:25:21Z <p><span class="autocomment">Size: </span>Fixed reference date error(s) (see <a href="/wiki/Category:CS1_errors:_dates" title="Category:CS1 errors: dates">CS1 errors: dates</a> for details) and <a href="/wiki/Wikipedia:AWB/GF" class="mw-redirect" title="Wikipedia:AWB/GF">AWB general fixes</a></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 22:25, 20 August 2023</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 17:</td> <td colspan="2" class="diff-lineno">Line 17:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Size===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Size===</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Global population cartogram.png|thumb|right|A [[cartogram]] representing population (a ratio or count-level property) by size.]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Global population cartogram.png|thumb|right|A [[cartogram]] representing population (a ratio or count-level property) by size.]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>The size of a symbol is how much space it occupies.&lt;ref name="Roth2016"/&gt; This commonly refers to the area of point symbols, and the thickness of line symbols. Size differences are relatively easy to recognize, making it a useful variable to convey information, such as a quantitative amount of something, or relative importance. Studies have shown that humans are better at judging relative differences in linear distance (e.g. one road being twice as thick as another) than relative differences in area (e.g., one circle having twice the area of another). Such estimations are the most accurate from squares. Area differences of circles are generally underestimated, but there is a large variation between people in ability to estimate two-dimensional size.&lt;ref&gt;{{cite web |authorlink1=Adrienne Gruver, John A. Dutto |title=Graduated and Proportional Symbol Maps |url=https://www.e-education.psu.edu/geog486/node/1869 |website=GEOG 486: Cartography and Visualization |publisher=[[The Pennsylvania State University]] |archiveurl=https://web.archive.org/web/20170713023016/https://www.e-education.psu.edu/geog486/node/1869 |archivedate=<del style="font-weight: bold; text-decoration: none;">July </del>2017}}&lt;/ref&gt; Correctly estimating relative volume has proven even more difficult.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>The size of a symbol is how much space it occupies.&lt;ref name="Roth2016"/&gt; This commonly refers to the area of point symbols, and the thickness of line symbols. Size differences are relatively easy to recognize, making it a useful variable to convey information, such as a quantitative amount of something, or relative importance. Studies have shown that humans are better at judging relative differences in linear distance (e.g. one road being twice as thick as another) than relative differences in area (e.g., one circle having twice the area of another). Such estimations are the most accurate from squares. Area differences of circles are generally underestimated, but there is a large variation between people in ability to estimate two-dimensional size.&lt;ref&gt;{{cite web |authorlink1=Adrienne Gruver, John A. Dutto |title=Graduated and Proportional Symbol Maps |url=https://www.e-education.psu.edu/geog486/node/1869 |website=GEOG 486: Cartography and Visualization |publisher=[[The Pennsylvania State University]] |archiveurl=https://web.archive.org/web/20170713023016/https://www.e-education.psu.edu/geog486/node/1869 |archivedate=2017<ins style="font-weight: bold; text-decoration: none;">-07-13</ins>}}&lt;/ref&gt; Correctly estimating relative volume has proven even more difficult.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Because geographical features have an actual size on the Earth, this cannot always be controlled, and sometimes works against the wishes of a cartographer; for example, it can be difficult to make a world map in which Russia does not stand out. In a [[cartogram]] the size of features is purposefully distorted to represent a variable other than area.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Because geographical features have an actual size on the Earth, this cannot always be controlled, and sometimes works against the wishes of a cartographer; for example, it can be difficult to make a world map in which Russia does not stand out. In a [[cartogram]] the size of features is purposefully distorted to represent a variable other than area.</div></td> </tr> </table> BattyBot https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=1142535042&oldid=prev Fgnievinski: /* Core visual variables */ 2023-03-02T23:39:03Z <p><span class="autocomment">Core visual variables</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 23:39, 2 March 2023</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 26:</td> <td colspan="2" class="diff-lineno">Line 26:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>A shape is a simple design that is used to symbolize an attribute on a map.&lt;ref&gt;[http://support.esri.com/en/knowledgebase/GISDictionary/search "Shape"], ''GIS Dictionary''&lt;/ref&gt; Shape is most commonly attached to point features in maps. Some shapes are simple in nature and thus are more abstract, while other shapes are more pictorial and are easy for the reader to comprehend what is trying to be conveyed.&lt;ref&gt;Symbol Basics, [http://www.geography.ccsu.edu/kyem/GEOG256/Cartographic_symbols/Cartographic%20Symbol%20Basics.htm "Cartographic Symbols"]&lt;/ref&gt; Some aspects of shape are inherent to the phenomenon and may not be easily manipulable, especially in line and region symbols, such as the shape of a road or a country.&lt;ref&gt;[http://cartography.uni-muenster.de/en/symbols "Visual Variables"], ''Westfaelische Wilhelms Universitaet''&lt;/ref&gt; However, shape can still play a role in line and region symbols, such as a region filled with tree symbols or an arrowhead on a line. Also, the shape of a feature may be purposefully distorted by [[Cartographic generalization]], especially when creating schematic representations such as many [[transit map]]s, although this distortion is rarely used to convey information, only to reduce emphasis on shape and location.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>A shape is a simple design that is used to symbolize an attribute on a map.&lt;ref&gt;[http://support.esri.com/en/knowledgebase/GISDictionary/search "Shape"], ''GIS Dictionary''&lt;/ref&gt; Shape is most commonly attached to point features in maps. Some shapes are simple in nature and thus are more abstract, while other shapes are more pictorial and are easy for the reader to comprehend what is trying to be conveyed.&lt;ref&gt;Symbol Basics, [http://www.geography.ccsu.edu/kyem/GEOG256/Cartographic_symbols/Cartographic%20Symbol%20Basics.htm "Cartographic Symbols"]&lt;/ref&gt; Some aspects of shape are inherent to the phenomenon and may not be easily manipulable, especially in line and region symbols, such as the shape of a road or a country.&lt;ref&gt;[http://cartography.uni-muenster.de/en/symbols "Visual Variables"], ''Westfaelische Wilhelms Universitaet''&lt;/ref&gt; However, shape can still play a role in line and region symbols, such as a region filled with tree symbols or an arrowhead on a line. Also, the shape of a feature may be purposefully distorted by [[Cartographic generalization]], especially when creating schematic representations such as many [[transit map]]s, although this distortion is rarely used to convey information, only to reduce emphasis on shape and location.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>===Color<del style="font-weight: bold; text-decoration: none;">: hue</del>===</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>===Color===</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{main|Color coding in data visualization}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>====Color: hue====</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{main|Hue}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{main|Hue}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Hue''' is the visual perceptual property corresponding in humans to the categories called ''red'', ''green'', ''blue'', and others. Maps often use hue to differentiate categories of nominal variables, such as land cover types or geologic layers.&lt;ref&gt;https://www.e-education.psu.edu/geog486/node/1864 {{Dead link|date=February 2022}}&lt;/ref&gt; Hue is also often used for its psychological connotations, such as red implying heat or danger and blue implying cold or water.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Hue''' is the visual perceptual property corresponding in humans to the categories called ''red'', ''green'', ''blue'', and others. Maps often use hue to differentiate categories of nominal variables, such as land cover types or geologic layers.&lt;ref&gt;https://www.e-education.psu.edu/geog486/node/1864 {{Dead link|date=February 2022}}&lt;/ref&gt; Hue is also often used for its psychological connotations, such as red implying heat or danger and blue implying cold or water.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>===Color: value/lightness===</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">=</ins>===Color: value/lightness<ins style="font-weight: bold; text-decoration: none;">=</ins>===</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:World human population density map.png|thumb|right|300px|Population density (a ratio-level variable) represented as color value, with an intuitive correspondence (i.e., dark looks like more people). Value also establishes figure-ground (color vs. white). Hue does not carry information here, but serves an aesthetic purpose.]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:World human population density map.png|thumb|right|300px|Population density (a ratio-level variable) represented as color value, with an intuitive correspondence (i.e., dark looks like more people). Value also establishes figure-ground (color vs. white). Hue does not carry information here, but serves an aesthetic purpose.]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{main|Lightness}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{main|Lightness}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>As an aspect of color, '''value''' refers to how light or dark an object appears. Value effectively connotes "more" and "less," an ordinal measure; this makes it a very useful form of symbology in [[thematic map]]s, especially [[choropleth map]]s. Value contributes strongly to [[Visual hierarchy]]; elements that contrast most with the value of the background tend to stand out most (e.g., black on a white sheet of paper, white on a black computer screen).</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>As an aspect of color, '''value''' refers to how light or dark an object appears. Value effectively connotes "more" and "less," an ordinal measure; this makes it a very useful form of symbology in [[thematic map]]s, especially [[choropleth map]]s. Value contributes strongly to [[Visual hierarchy]]; elements that contrast most with the value of the background tend to stand out most (e.g., black on a white sheet of paper, white on a black computer screen).</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>===Color: saturation/chroma/intensity===</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">=</ins>===Color: saturation/chroma/intensity<ins style="font-weight: bold; text-decoration: none;">=</ins>===</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:COL orthographic (San Andrés and Providencia special).svg|thumb|right|The synergy of Saturation (color vs. gray), value (dark vs. light), and position (centrality) to strongly establish figure-ground and visual hierarchy]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:COL orthographic (San Andrés and Providencia special).svg|thumb|right|The synergy of Saturation (color vs. gray), value (dark vs. light), and position (centrality) to strongly establish figure-ground and visual hierarchy]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{main | Colorfulness }}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{main | Colorfulness }}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>The '''saturation''' of a color is its purity or intensity, created by the variety of light composing it; a single wavelength of light is of the highest saturation, while white, black, or gray has no saturation (being an even mixture of all visible wavelengths). Of the three psychological aspects of color, this is the least effective at conveying specific information, but it is very effective at establishing [[Figure-ground contrast (cartography)|figure-ground]] and [[visual hierarchy]], with bright colors generally standing out more than muted tones or shades of gray.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>The '''saturation''' of a color is its purity or intensity, created by the variety of light composing it; a single wavelength of light is of the highest saturation, while white, black, or gray has no saturation (being an even mixture of all visible wavelengths). Of the three psychological aspects of color, this is the least effective at conveying specific information, but it is very effective at establishing [[Figure-ground contrast (cartography)|figure-ground]] and [[visual hierarchy]], with bright colors generally standing out more than muted tones or shades of gray.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> Fgnievinski https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=1073462054&oldid=prev Qwerfjkl (bot): Capitalising short description "graphic techniques used in visual design" per WP:SDFORMAT (via Bandersnatch) 2022-02-22T21:01:00Z <p>Capitalising short description &quot;graphic techniques used in visual design&quot; per <a href="/wiki/Wikipedia:SDFORMAT" class="mw-redirect" title="Wikipedia:SDFORMAT">WP:SDFORMAT</a> (via <a href="https://de.wikipedia.org/wiki/Benutzer:Schnark/js/bandersnatch" class="extiw" title="de:Benutzer:Schnark/js/bandersnatch">Bandersnatch</a>)</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 21:01, 22 February 2022</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Short description|<del style="font-weight: bold; text-decoration: none;">graphic</del> techniques used in visual design}}</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Short description|<ins style="font-weight: bold; text-decoration: none;">Graphic</ins> techniques used in visual design}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>A '''visual variable''', in [[cartographic design]], [[graphic design]], and [[data visualization]], is an aspect of a graphical object that can visually differentiate it from other objects, and can be controlled during the design process. The concept was first systematized by [[Jacques Bertin]], a French cartographer and graphic designer, and published in his 1967 book, ''Sémiologie Graphique.''&lt;ref name="bertin"&gt;Jacque Bertin, ''Sémiologie Graphique. Les diagrammes, les réseaux, les cartes''. With Marc Barbut [et al.]. Paris : Gauthier-Villars. ''Semiology of Graphics'', English Edition, Translation by William J. Berg, University of Wisconsin Press, 1983.)&lt;/ref&gt; Bertin identified a basic set of these variables and provided guidance for their usage; the concept and the set of variables has since been expanded, especially in cartography, where it has become a core principle of education and practice.&lt;ref name="Roth2016"&gt;Roth, Robert E. [https://www.researchgate.net/publication/317266613_Visual_Variables Visual Variables], in D. Richardson, N. Castree, M.F. Goodchild, A. Kobayashki, W. Liu, and R.A. Marston, eds. ''The International Encyclopedia of Geography'', Wiley, 2016. [[doi:10.1002/9781118786352.wbieg0761]]&lt;/ref&gt;&lt;ref name="tyner"&gt;Tyner, J. A. (2010). ''Principles of map design''. New York: The Guilford Press.&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>A '''visual variable''', in [[cartographic design]], [[graphic design]], and [[data visualization]], is an aspect of a graphical object that can visually differentiate it from other objects, and can be controlled during the design process. The concept was first systematized by [[Jacques Bertin]], a French cartographer and graphic designer, and published in his 1967 book, ''Sémiologie Graphique.''&lt;ref name="bertin"&gt;Jacque Bertin, ''Sémiologie Graphique. Les diagrammes, les réseaux, les cartes''. With Marc Barbut [et al.]. Paris : Gauthier-Villars. ''Semiology of Graphics'', English Edition, Translation by William J. Berg, University of Wisconsin Press, 1983.)&lt;/ref&gt; Bertin identified a basic set of these variables and provided guidance for their usage; the concept and the set of variables has since been expanded, especially in cartography, where it has become a core principle of education and practice.&lt;ref name="Roth2016"&gt;Roth, Robert E. [https://www.researchgate.net/publication/317266613_Visual_Variables Visual Variables], in D. Richardson, N. Castree, M.F. Goodchild, A. Kobayashki, W. Liu, and R.A. Marston, eds. ''The International Encyclopedia of Geography'', Wiley, 2016. [[doi:10.1002/9781118786352.wbieg0761]]&lt;/ref&gt;&lt;ref name="tyner"&gt;Tyner, J. A. (2010). ''Principles of map design''. New York: The Guilford Press.&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> Qwerfjkl (bot) https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=1072503237&oldid=prev BrownHairedGirl: {{Dead link}} tag on bare URL refs which return HTTP 404 or 410 2022-02-18T02:09:16Z <p>{{<a href="/wiki/Template:Dead_link" title="Template:Dead link">Dead link</a>}} tag on <a href="/wiki/Wikipedia:Bare_URLs" title="Wikipedia:Bare URLs">bare URL</a> refs which return <a href="/wiki/HTTP_404" title="HTTP 404">HTTP 404</a> or <a href="/wiki/List_of_HTTP_status_codes#410" title="List of HTTP status codes">410</a></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 02:09, 18 February 2022</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 29:</td> <td colspan="2" class="diff-lineno">Line 29:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{main|Hue}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{main|Hue}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Hue''' is the visual perceptual property corresponding in humans to the categories called ''red'', ''green'', ''blue'', and others. Maps often use hue to differentiate categories of nominal variables, such as land cover types or geologic layers.&lt;ref&gt;https://www.e-education.psu.edu/geog486/node/1864&lt;/ref&gt; Hue is also often used for its psychological connotations, such as red implying heat or danger and blue implying cold or water.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Hue''' is the visual perceptual property corresponding in humans to the categories called ''red'', ''green'', ''blue'', and others. Maps often use hue to differentiate categories of nominal variables, such as land cover types or geologic layers.&lt;ref&gt;https://www.e-education.psu.edu/geog486/node/1864<ins style="font-weight: bold; text-decoration: none;"> {{Dead link|date=February 2022}}</ins>&lt;/ref&gt; Hue is also often used for its psychological connotations, such as red implying heat or danger and blue implying cold or water.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Color: value/lightness===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Color: value/lightness===</div></td> </tr> </table> BrownHairedGirl https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=1052138603&oldid=prev Bplewe: short description 2021-10-27T16:11:25Z <p>short description</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:11, 27 October 2021</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Short description|graphic techniques used in visual design}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>A '''visual variable''', in [[cartographic design]], [[graphic design]], and [[data visualization]], is an aspect of a graphical object that can visually differentiate it from other objects, and can be controlled during the design process. The concept was first systematized by [[Jacques Bertin]], a French cartographer and graphic designer, and published in his 1967 book, ''Sémiologie Graphique.''&lt;ref name="bertin"&gt;Jacque Bertin, ''Sémiologie Graphique. Les diagrammes, les réseaux, les cartes''. With Marc Barbut [et al.]. Paris : Gauthier-Villars. ''Semiology of Graphics'', English Edition, Translation by William J. Berg, University of Wisconsin Press, 1983.)&lt;/ref&gt; Bertin identified a basic set of these variables and provided guidance for their usage; the concept and the set of variables has since been expanded, especially in cartography, where it has become a core principle of education and practice.&lt;ref name="Roth2016"&gt;Roth, Robert E. [https://www.researchgate.net/publication/317266613_Visual_Variables Visual Variables], in D. Richardson, N. Castree, M.F. Goodchild, A. Kobayashki, W. Liu, and R.A. Marston, eds. ''The International Encyclopedia of Geography'', Wiley, 2016. [[doi:10.1002/9781118786352.wbieg0761]]&lt;/ref&gt;&lt;ref name="tyner"&gt;Tyner, J. A. (2010). ''Principles of map design''. New York: The Guilford Press.&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>A '''visual variable''', in [[cartographic design]], [[graphic design]], and [[data visualization]], is an aspect of a graphical object that can visually differentiate it from other objects, and can be controlled during the design process. The concept was first systematized by [[Jacques Bertin]], a French cartographer and graphic designer, and published in his 1967 book, ''Sémiologie Graphique.''&lt;ref name="bertin"&gt;Jacque Bertin, ''Sémiologie Graphique. Les diagrammes, les réseaux, les cartes''. With Marc Barbut [et al.]. Paris : Gauthier-Villars. ''Semiology of Graphics'', English Edition, Translation by William J. Berg, University of Wisconsin Press, 1983.)&lt;/ref&gt; Bertin identified a basic set of these variables and provided guidance for their usage; the concept and the set of variables has since been expanded, especially in cartography, where it has become a core principle of education and practice.&lt;ref name="Roth2016"&gt;Roth, Robert E. [https://www.researchgate.net/publication/317266613_Visual_Variables Visual Variables], in D. Richardson, N. Castree, M.F. Goodchild, A. Kobayashki, W. Liu, and R.A. Marston, eds. ''The International Encyclopedia of Geography'', Wiley, 2016. [[doi:10.1002/9781118786352.wbieg0761]]&lt;/ref&gt;&lt;ref name="tyner"&gt;Tyner, J. A. (2010). ''Principles of map design''. New York: The Guilford Press.&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> Bplewe https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=1000359348&oldid=prev Yobot: References after punctuation per WP:REFPUNCT, WP:CITEFOOT, WP:PAIC + other fixes 2021-01-14T20:03:53Z <p>References after punctuation per <a href="/wiki/Wikipedia:REFPUNCT" class="mw-redirect" title="Wikipedia:REFPUNCT">WP:REFPUNCT</a>, <a href="/wiki/Wikipedia:CITEFOOT" class="mw-redirect" title="Wikipedia:CITEFOOT">WP:CITEFOOT</a>, <a href="/wiki/Wikipedia:PAIC" class="mw-redirect" title="Wikipedia:PAIC">WP:PAIC</a> + other fixes</p> <a href="//en.wikipedia.org/w/index.php?title=Visual_variable&amp;diff=1000359348&amp;oldid=995354555">Show changes</a> Yobot https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=995354555&oldid=prev PawełS: /* Size */ Such estimations are the most accurate from squares. 2020-12-20T16:09:51Z <p><span class="autocomment">Size: </span> Such estimations are the most accurate from squares.</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:09, 20 December 2020</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 16:</td> <td colspan="2" class="diff-lineno">Line 16:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Size===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Size===</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Global population cartogram.png|thumb|right|A [[cartogram]] representing population (a ratio or count-level property) by size.]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Global population cartogram.png|thumb|right|A [[cartogram]] representing population (a ratio or count-level property) by size.]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>The size of a symbol is how much space it occupies.&lt;ref name="Roth2016"/&gt; This commonly refers to the area of point symbols, and the thickness of line symbols. Size differences are relatively easy to recognize, making it a useful variable to convey information, such as a quantitative amount of something, or relative importance. Studies have shown that humans are better at judging relative differences in linear distance (e.g. one road being twice as thick as another) than relative differences in area (e.g., one circle having twice the area of another). Area differences are generally underestimated, but there is a large variation between people in ability to estimate two-dimensional size.&lt;ref&gt;{{cite web |authorlink1=Adrienne Gruver, John A. Dutto |title=Graduated and Proportional Symbol Maps |url=https://www.e-education.psu.edu/geog486/node/1869 |website=GEOG 486: Cartography and Visualization |publisher=[[The Pennsylvania State University]] |archiveurl=https://web.archive.org/web/20170713023016/https://www.e-education.psu.edu/geog486/node/1869 |archivedate=July 2017}}&lt;/ref&gt; Correctly estimating relative volume has proven even more difficult.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>The size of a symbol is how much space it occupies.&lt;ref name="Roth2016"/&gt; This commonly refers to the area of point symbols, and the thickness of line symbols. Size differences are relatively easy to recognize, making it a useful variable to convey information, such as a quantitative amount of something, or relative importance. Studies have shown that humans are better at judging relative differences in linear distance (e.g. one road being twice as thick as another) than relative differences in area (e.g., one circle having twice the area of another)<ins style="font-weight: bold; text-decoration: none;">. Such estimations are the most accurate from squares</ins>. Area differences<ins style="font-weight: bold; text-decoration: none;"> of circles</ins> are generally underestimated, but there is a large variation between people in ability to estimate two-dimensional size.&lt;ref&gt;{{cite web |authorlink1=Adrienne Gruver, John A. Dutto |title=Graduated and Proportional Symbol Maps |url=https://www.e-education.psu.edu/geog486/node/1869 |website=GEOG 486: Cartography and Visualization |publisher=[[The Pennsylvania State University]] |archiveurl=https://web.archive.org/web/20170713023016/https://www.e-education.psu.edu/geog486/node/1869 |archivedate=July 2017}}&lt;/ref&gt; Correctly estimating relative volume has proven even more difficult.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Because geographical features have an actual size on the Earth, this cannot always be controlled, and sometimes works against the wishes of a cartographer; for example, it can be difficult to make a world map in which Russia does not stand out. In a [[cartogram]] the size of features is purposefully distorted to represent a variable other than area.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Because geographical features have an actual size on the Earth, this cannot always be controlled, and sometimes works against the wishes of a cartographer; for example, it can be difficult to make a world map in which Russia does not stand out. In a [[cartogram]] the size of features is purposefully distorted to represent a variable other than area.</div></td> </tr> </table> PawełS https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=988682428&oldid=prev Bplewe: history 2020-11-14T17:10:35Z <p>history</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 17:10, 14 November 2020</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 2:</td> <td colspan="2" class="diff-lineno">Line 2:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==History==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==History==</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">The</del> <del style="font-weight: bold; text-decoration: none;">concept</del> <del style="font-weight: bold; text-decoration: none;">of</del> <del style="font-weight: bold; text-decoration: none;">variation</del> in <del style="font-weight: bold; text-decoration: none;">certain</del> <del style="font-weight: bold; text-decoration: none;">aspects</del> <del style="font-weight: bold; text-decoration: none;">of</del> <del style="font-weight: bold; text-decoration: none;">graphical</del> <del style="font-weight: bold; text-decoration: none;">objects</del>, <del style="font-weight: bold; text-decoration: none;">especially</del> [[<del style="font-weight: bold; text-decoration: none;">Map</del> <del style="font-weight: bold; text-decoration: none;">symbol</del> <del style="font-weight: bold; text-decoration: none;">|</del> <del style="font-weight: bold; text-decoration: none;">map</del> <del style="font-weight: bold; text-decoration: none;">symbols</del>]], <del style="font-weight: bold; text-decoration: none;">dates</del> <del style="font-weight: bold; text-decoration: none;">back</del> <del style="font-weight: bold; text-decoration: none;">to</del> <del style="font-weight: bold; text-decoration: none;">the</del> <del style="font-weight: bold; text-decoration: none;">early</del> <del style="font-weight: bold; text-decoration: none;">days</del> of cartography as an academic research discipline. In ''The Look of Maps'' (1952), often considered the genesis of American cartographic theory, [[Arthur H. Robinson]] discussed the role of size, shape, and color in establishing contrast in maps.&lt;ref name="robinson1952"&gt;Robinson, Arthur, ''The Look of Maps,'' University of Wisconsin Press, 1952&lt;/ref&gt; At the same time in France, [[Jacques Bertin]] published an early version of his list of visual variables: shape, value, and "sparkling" (grain).&lt;ref name="Palsky"&gt;Palsky, Gilles (2019) Jacques Bertin, from classical training to systematic thinking of graphic signs, ''Cartography and Geographic Information Science'', 46:2, 189-193, DOI: 10.1080/15230406.2018.1523026&lt;/ref&gt; Robinson, in his 1960 ''Elements of Cartography'', which quickly became the dominant textbook on the subject, discussed size, shape, color, and pattern as the qualities of map symbols that establish contrast and represent geographic information.&lt;ref name="robinson1960"&gt;Robinson, Arthur, ''Elements of Cartography'', Wiley, 1960, p.137&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Graphic</ins> <ins style="font-weight: bold; text-decoration: none;">techniques</ins> <ins style="font-weight: bold; text-decoration: none;">have</ins> <ins style="font-weight: bold; text-decoration: none;">been used</ins> in <ins style="font-weight: bold; text-decoration: none;">[[Map|maps]]</ins> <ins style="font-weight: bold; text-decoration: none;">and</ins> <ins style="font-weight: bold; text-decoration: none;">[[Chart|statistical</ins> <ins style="font-weight: bold; text-decoration: none;">charts]] to represent non-visual information since the 17th</ins> <ins style="font-weight: bold; text-decoration: none;">Century</ins>, <ins style="font-weight: bold; text-decoration: none;">and information visualization blossomed in the 19th Century, highlighted by the work of</ins> [[<ins style="font-weight: bold; text-decoration: none;">William</ins> <ins style="font-weight: bold; text-decoration: none;">Playfair]]</ins> <ins style="font-weight: bold; text-decoration: none;">and [[Charles</ins> <ins style="font-weight: bold; text-decoration: none;">Joseph</ins> <ins style="font-weight: bold; text-decoration: none;">Minard</ins>]]<ins style="font-weight: bold; text-decoration: none;">. However</ins>, <ins style="font-weight: bold; text-decoration: none;">the</ins> <ins style="font-weight: bold; text-decoration: none;">direct</ins> <ins style="font-weight: bold; text-decoration: none;">study</ins> <ins style="font-weight: bold; text-decoration: none;">of this</ins> <ins style="font-weight: bold; text-decoration: none;">abstract</ins> <ins style="font-weight: bold; text-decoration: none;">use</ins> of <ins style="font-weight: bold; text-decoration: none;">graphical appearance began with the emergence of [[</ins>cartography<ins style="font-weight: bold; text-decoration: none;">]]</ins> as an academic research discipline<ins style="font-weight: bold; text-decoration: none;"> in the mid-20th Century</ins>. In ''The Look of Maps'' (1952), often considered the genesis of American cartographic theory, [[Arthur H. Robinson]] discussed the role of size, shape, and color in establishing contrast in maps.&lt;ref name="robinson1952"&gt;Robinson, Arthur, ''The Look of Maps,'' University of Wisconsin Press, 1952&lt;/ref&gt; At the same time in France, [[Jacques Bertin]] published an early version of his list of visual variables: shape, value, and "sparkling" (grain).&lt;ref name="Palsky"&gt;Palsky, Gilles (2019) Jacques Bertin, from classical training to systematic thinking of graphic signs, ''Cartography and Geographic Information Science'', 46:2, 189-193, DOI: 10.1080/15230406.2018.1523026&lt;/ref&gt; Robinson, in his 1960 ''Elements of Cartography'', which quickly became the dominant textbook on the subject, discussed size, shape, color, and pattern as the qualities of map symbols that establish contrast and represent geographic information.&lt;ref name="robinson1960"&gt;Robinson, Arthur, ''Elements of Cartography'', Wiley, 1960, p.137&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Bertin was a cartographer at the [[École pratique des hautes études]] (EPHE) in Paris, where he created maps and graphics for faculty from various disciplines using a wide variety of data. Seeing recurring patterns, he created a system for symbolizing qualitative and quantitative information, apparently inspired by the sciences of [[semiotics]], [[Human vision]], and [[Gestalt psychology]] (it is sometimes hard to tell because his early works rarely cite any sources), culminating in ''Sémiologie Graphique''.&lt;ref name="Palsky"/&gt; Despite having a background in cartography, and deriving many of his ideas by evaluating maps, he intended for ''Sémiologie Graphique'' to be applied to all forms of [[graphic design]] and [[information visualization]]. Soon the idea was gaining international acceptance; in 1974 [[Joel Morrison]] presented a very similar system in the context of [[cartographic generalization]], citing neither Bertin nor Robinson but saying that it was a "traditional categorization," suggesting its widespread nature by that point.&lt;ref name="Morrison1974"&gt;Morrison, Joel, A Theoretical Framework for Cartographic Generalization With Emphasis on the Process of Symbolization, ''International Yearbook of Cartography'', V.14 (1974), p.115&lt;/ref&gt; Several terms were proposed for this set of categories, including Bertin's "retinal variables" (used to distinguish them from his two spatial location variables), as well as "Graphic Variables,"&lt;ref name="Keates1973"/&gt; "Symbol Dimensions,"&lt;ref name="Morrison1974"/&gt; and "Primary Graphic Elements," before eventually settling on "Visual Variables," as used almost universally (in English) today. </div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Bertin was a cartographer at the [[École pratique des hautes études]] (EPHE) in Paris, where he created maps and graphics for faculty from various disciplines using a wide variety of data. Seeing recurring patterns, he created a system for symbolizing qualitative and quantitative information, apparently inspired by the sciences of [[semiotics]], [[Human vision]], and [[Gestalt psychology]] (it is sometimes hard to tell because his early works rarely cite any sources), culminating in ''Sémiologie Graphique''.&lt;ref name="Palsky"/&gt; Despite having a background in cartography, and deriving many of his ideas by evaluating maps, he intended for ''Sémiologie Graphique'' to be applied to all forms of [[graphic design]] and [[information visualization]]. Soon the idea was gaining international acceptance; in 1974 [[Joel Morrison]] presented a very similar system in the context of [[cartographic generalization]], citing neither Bertin nor Robinson but saying that it was a "traditional categorization," suggesting its widespread nature by that point.&lt;ref name="Morrison1974"&gt;Morrison, Joel, A Theoretical Framework for Cartographic Generalization With Emphasis on the Process of Symbolization, ''International Yearbook of Cartography'', V.14 (1974), p.115&lt;/ref&gt; Several terms were proposed for this set of categories, including Bertin's "retinal variables" (used to distinguish them from his two spatial location variables), as well as "Graphic Variables,"&lt;ref name="Keates1973"/&gt; "Symbol Dimensions,"&lt;ref name="Morrison1974"/&gt; and "Primary Graphic Elements," before eventually settling on "Visual Variables," as used almost universally (in English) today. </div></td> </tr> </table> Bplewe https://en.wikipedia.org/w/index.php?title=Visual_variable&diff=974305023&oldid=prev Bplewe: fixed wikilink 2020-08-22T06:58:04Z <p>fixed wikilink</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Previous revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 06:58, 22 August 2020</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>A '''visual variable''', in [[<del style="font-weight: bold; text-decoration: none;">cartography</del>]], [[graphic design]], and [[data visualization]], is an aspect of a graphical object that can visually differentiate it from other objects, and can be controlled during the design process. The concept was first systematized by [[Jacques Bertin]], a French cartographer and graphic designer, and published in his 1967 book, ''Sémiologie Graphique.''&lt;ref name="bertin"&gt;Jacque Bertin, ''Sémiologie Graphique. Les diagrammes, les réseaux, les cartes''. With Marc Barbut [et al.]. Paris : Gauthier-Villars. ''Semiology of Graphics'', English Edition, Translation by William J. Berg, University of Wisconsin Press, 1983.)&lt;/ref&gt; Bertin identified a basic set of these variables and provided guidance for their usage; the concept and the set of variables has since been expanded, especially in cartography, where it has become a core principle of education and practice.&lt;ref name="Roth2016"&gt;Roth, Robert E. [https://www.researchgate.net/publication/317266613_Visual_Variables Visual Variables], in D. Richardson, N. Castree, M.F. Goodchild, A. Kobayashki, W. Liu, and R.A. Marston, eds. ''The International Encyclopedia of Geography'', Wiley, 2016. [[doi:10.1002/9781118786352.wbieg0761]]&lt;/ref&gt;&lt;ref name="tyner"&gt;Tyner, J. A. (2010). ''Principles of map design''. New York: The Guilford Press.&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>A '''visual variable''', in [[<ins style="font-weight: bold; text-decoration: none;">cartographic design</ins>]], [[graphic design]], and [[data visualization]], is an aspect of a graphical object that can visually differentiate it from other objects, and can be controlled during the design process. The concept was first systematized by [[Jacques Bertin]], a French cartographer and graphic designer, and published in his 1967 book, ''Sémiologie Graphique.''&lt;ref name="bertin"&gt;Jacque Bertin, ''Sémiologie Graphique. Les diagrammes, les réseaux, les cartes''. With Marc Barbut [et al.]. Paris : Gauthier-Villars. ''Semiology of Graphics'', English Edition, Translation by William J. Berg, University of Wisconsin Press, 1983.)&lt;/ref&gt; Bertin identified a basic set of these variables and provided guidance for their usage; the concept and the set of variables has since been expanded, especially in cartography, where it has become a core principle of education and practice.&lt;ref name="Roth2016"&gt;Roth, Robert E. [https://www.researchgate.net/publication/317266613_Visual_Variables Visual Variables], in D. Richardson, N. Castree, M.F. Goodchild, A. Kobayashki, W. Liu, and R.A. Marston, eds. ''The International Encyclopedia of Geography'', Wiley, 2016. [[doi:10.1002/9781118786352.wbieg0761]]&lt;/ref&gt;&lt;ref name="tyner"&gt;Tyner, J. A. (2010). ''Principles of map design''. New York: The Guilford Press.&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==History==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==History==</div></td> </tr> </table> Bplewe