Making-visualizations - Revision history

Admin: Blanked the page

2012-08-27T11:30:39Z

Blanked the page

← Older revision		Revision as of 11:30, 27 August 2012
Line 1:		Line 1:
	List each item you identify using the following format. The easiest way is to copy and paste the template. For now don't bother grouping them, we'll collect a bunch first and then see what the appropriate categories are based on what we find.

	~~Google Doc instead? Yes~~

	~~Pattern~~
	~~# Another pithy idea. Why it's important. How to accomplish it. ['''Where It's From''', page number/URL. curator initials]~~

	~~Example~~
	# Choose color combinations with good contrast. This makes it easier for people to separate the principle components. Identify a set to use and then ask your colleagues for feedback, use a web-based color choosing tool. ['''Charlie's Book of Viz''', page 33. cfp]

	~~Entries~~


	~~Start-Up~~
	* "Excellence in statistical graphics consists of complex ideas communicated with clarity, precision, and efficiency. Graphical displays should:
	** show the data
	** induce the viewer to think about the substance rather than about methodology, graphic design, the technology of graphic production, or something else
	** avoid distorting what the data have to say
	** present many numbers in a small space
	** make large data sets coherent
	** encourage the eye to compare different p[pieces of data
	** reveal the data at several levels of detail, from a broad overview to the fine structure
	** serve a reasonably clear purpose: description, exploration, tabulation, or decoration
	** be closely integrated with the statistical and verbal descriptions of a data set"
	** - "The Visual Display of Quantitative Information", pg. 13
	* "Graphics should be reserved for the richer, more complex, more difficult statistical material." - "The Visual Display of Quantitative Information", pg. 30
	*Data Density = # of entries in data matrix/area of data display
	**Graphics should be based on large data matrices and have high data density ("VDoQI", pg. 161, RJL)
	**Tables or charts better for smaller data matrices to maximize data density ("VDoQI", pg. 161, RJL)

	** Integrate supportive text to the plotting filed to make the information perception easier for the viewer (180 ES)
	** The size of type could be quite small(180 ES)

	** Words on and around the graphics are highly effective in telling viewers how to allocate their attention to the various parts of data display(180 ES)
	** For graphics words should tell the viewer how to read the design and not what to read in terms of content(180 ES)
	** Make the reader choose how to perceive an information, do whatever it takes to understand the material (from presentation)(180 ES)
	* Graphical practices

	***Horizontally stretched time-series are more accessible to the eye (186 ES)
	***Shaded, calm, high contrast display might be better (187 ES)
	***Ease of labeling: easier to read from left to right on a horizontally stretched plotting-field (187 ES)
	***Emphasis on casual influence (187 ES)
	***Wider-than-tall shapes make it easier to follow from left to right (188 ES)

	***Include labels directly on the picture (43 ES)
	***Important comparisons among images should be pointed out to viewers by means of annotation, arrows, labels, highlighting (45 ES)
	***Useful to show both unmapped and mapped images (45 ES)
	***Every image should always reside on the universal measurement grid of 3-space and time, should accompany rescaling and zooming in and out (45 ES)

	*** Reports immense detail, organizing complexity through multiple and hierarchical layers of contextual reading (38 ES)
	***Often simplification leads to ambiguity - instead cluster & confusion is a failure of design, not of too much data ("EI" 51 RJL)
	**Multiples
	***Can be used to reveal changes, patterns, and surprises through comparison ("VE" pg 105, RJL)
	***Can show passage of time, space, etc. ("VE" pg 108 RJL)
	***"Shrink principle" - graphics (especially multiples) can often be shrunken significantly without any loss of readability ("VDoQI", p.167, RJL)
	***Also great for large quantities of multivariate data ("VDoQI", p. 169, RJL)

	***Words are spelled out, elaborate encoding is avoided (183 ES)
	***Words run from left to right(183 ES)
	***Little messages help explain data(183 ES)
	***Elaborately encoded shadings, cross-hatching, colors are avoided. Instead labels are placed on the graphic, no legend required(183 ES)
	***Colors if used are chosen so that color-deficient/ color-blind can make sense of it (choose blue) (183 ES)
	***type is clear, precise, modest (183 ES)
	***Type is upper and lower case, with serifs (183 ES)
	***the more the letters are different from each other, the easier is the reading (183 ES)
	***all upper case letter is the hardest read (183 ES)

	***lines in data graphics should be thin (185 ES)

	***Choosing perpendicular intersections of lines of different weight, the heavier line should be a data measure (186 ES)
	* Manners of presenting (from the lecture, ES)
	** Research problem, examples of problem solutions
	** Content: what the problem is, relevance, solution
	** Dedicate 8 min of you presentation for audience to pre-read of the material
	** Present the material as it was given for the pre-read. Nothing like repetition improves the understanding
	** Credibility on speech: give the reasons to believe - documentation
	** Conclude with question to personalize/particularize


	~~Web Design~~
	* "Information becomes the interface" - Basically don't clutter your interface except with the information the audience wants - Visual Explanations, pg. 146
	* "Measures of the informational performance of a screen include:
	** the proportion of space on the screen devoted to content
	** to computer administration, and to nothing at all;
	** character counts and measures of typographic density (making comparisons with printed material as well as computer interfaces);
	** The number of computer commands immediately available (more are better, if clearly but minimally displayed)" - Visual Explanations, pg 150
	* "Computer selects, organizes, customizes data; paper makes visible the high-resolution information in portable and permanent form." - Visual Explanations. pg 149

	~~== Financial Data - Elena==~~
	# Avoid visual distortion in data graphics. This will allow the viewer to perceive reality more accurately. Table - best way to show numbers (20 numbers or less>prefer table to a graph). Representation of numbers should be directly proportional to the numerical quantities represented. Clear, detailed labeling to defeat graphical distortion and ambiguity. Show data variation, not design variation. ('''The Visual Display of Quantitative Information''', Chapter 2, p.56, p.61, ES)
	# Don't tell lies in your graph by planning graphical representation accurately. That avoid inaccurate reflection of reality. If plotting government spending and dept over the years, take population and inflation into account. In time-series displays of money, deflated and standardized units of monetary measurement are nearly always better than nominal units('''The Visual Display of Quantitative Information''', Chapter 2, p.68 ES)
	# A use of 2 or 3 varying dimensions to show one-dimensional data is a weak and inefficient technique. The number of information should not exceed the number of dimensions in the data ('''The Visual Display of Quantitative Information''', Chapter 2, p.71 ES)

	# Blending quantitative multiples, narrative text and images is useful for monitoring data-rich processes. Multiples help to monitor and analyse typical to finance multi-variable processes, combining overview with detail ('''Visual Explanations''', p.110-111 ES)




	** Data maps is the most powerful way of displaying statistical information (16 ES)
	** Time-series plot gives the design strength and efficiency of interpretation (28 ES)
	*** Shape of the data in a comparative perspective (30 ES)
	*** Casual explanation: adding additional variables into the graphic design (38 ES)
	*** Vivid design : before-after (39 ES)
	*** Explanatory power of time-series displays is to add spatial dimensions to the design of the graphic (40 ES)

	*** Complex ideas communicated with clarity, precision and efficiency (51 ES)
	*** Give the greatest number of ideas in the shortest time with the least ink in the smallest space


	~~== Reading Summaries==~~
	* [[Scientific and engineering - Mobeen]]
	* [[Decision making Based on Evidence - Emily]]

Elena: /* Reading Summaries */

2012-08-27T05:48:17Z

Reading Summaries

← Older revision		Revision as of 05:48, 27 August 2012
Line 110:		Line 110:
	== Reading Summaries==		== Reading Summaries==
	* [[Scientific and engineering - Mobeen]]		* [[Scientific and engineering - Mobeen]]
	* [[Financial Data - Elena]]
	* [[Decision making Based on Evidence - Emily]]		* [[Decision making Based on Evidence - Emily]]

Elena at 05:47, 27 August 2012

2012-08-27T05:47:44Z

@@ Line 87: / Line 87: @@
 * "Computer selects, organizes, customizes data; paper makes visible the high-resolution information in portable and permanent form." - Visual Explanations. pg 149
-== Financial Data==
+== Financial Data - Elena==
 == Reading Summaries==

Elena at 05:45, 27 August 2012

2012-08-27T05:45:01Z

Rjlake10 at 03:54, 27 August 2012

2012-08-27T03:54:58Z

← Older revision		Revision as of 03:54, 27 August 2012
Line 25:		Line 25:
	** - "The Visual Display of Quantitative Information", pg. 13		** - "The Visual Display of Quantitative Information", pg. 13
	* "Graphics should be reserved for the richer, more complex, more difficult statistical material." - "The Visual Display of Quantitative Information", pg. 30		* "Graphics should be reserved for the richer, more complex, more difficult statistical material." - "The Visual Display of Quantitative Information", pg. 30
			*Data Density = # of entries in data matrix/area of data display
			**Graphics should be based on large data matrices and have high data density ("VDoQI", pg. 161, RJL)
			**Tables or charts better for smaller data matrices to maximize data density ("VDoQI", pg. 161, RJL)
	*Integrate words/numbers/pictures in one space (�The Visual Display of Quantitative Information�, Chapter 9, p.180-181):		*Integrate words/numbers/pictures in one space (�The Visual Display of Quantitative Information�, Chapter 9, p.180-181):
	** Integrate supportive text to the plotting filed to make the information perception easier for the viewer		** Integrate supportive text to the plotting filed to make the information perception easier for the viewer
Line 46:		Line 49:
	**Micro/Macro Readings (�Envisioning Information�, 37-53)		**Micro/Macro Readings (�Envisioning Information�, 37-53)
	*** Reports immense detail, organizing complexity through multiple and hierarchical layers of contextual reading (38)		*** Reports immense detail, organizing complexity through multiple and hierarchical layers of contextual reading (38)
			***Often simplification leads to ambiguity - instead cluster & confusion is a failure of design, not of too much data ("EI" 51 RJL)
			**Multiples
			***Can be used to reveal changes, patterns, and surprises through comparison ("VE" pg 105, RJL)
			***Can show passage of time, space, etc. ("VE" pg 108 RJL)
			***"Shrink principle" - graphics (especially multiples) can often be shrunken significantly without any loss of readability ("VDoQI", p.167, RJL)
			***Also great for large quantities of multivariate data ("VDoQI", p. 169, RJL)
	**Choose friendly data graphic. (�The Visual Display of Quantitative Information�, Chapter 9, p.183)		**Choose friendly data graphic. (�The Visual Display of Quantitative Information�, Chapter 9, p.183)
	***Words are spelled out, elaborate encoding is avoided		***Words are spelled out, elaborate encoding is avoided

Lnulric09 at 20:27, 26 August 2012

2012-08-26T20:27:21Z

← Older revision		Revision as of 20:27, 26 August 2012
Line 75:		Line 75:
	** to computer administration, and to nothing at all;		** to computer administration, and to nothing at all;
	** character counts and measures of typographic density (making comparisons with printed material as well as computer interfaces);		** character counts and measures of typographic density (making comparisons with printed material as well as computer interfaces);
	** The number of computer commands immediately available (more are better, if clearly but minimally displayed)		** The number of computer commands immediately available (more are better, if clearly but minimally displayed)" - Visual Explanations, pg 150
			* "Computer selects, organizes, customizes data; paper makes visible the high-resolution information in portable and permanent form." - Visual Explanations. pg 149



	== Reading Summaries==		== Reading Summaries==

Lnulric09 at 20:09, 26 August 2012

2012-08-26T20:09:49Z

← Older revision		Revision as of 20:09, 26 August 2012
Line 71:		Line 71:
	Web Design		Web Design
	* "Information becomes the interface" - Basically don't clutter your interface except with the information the audience wants - Visual Explanations, pg. 146		* "Information becomes the interface" - Basically don't clutter your interface except with the information the audience wants - Visual Explanations, pg. 146
			* "Measures of the informational performance of a screen include:
			** the proportion of space on the screen devoted to content
			** to computer administration, and to nothing at all;
			** character counts and measures of typographic density (making comparisons with printed material as well as computer interfaces);
			** The number of computer commands immediately available (more are better, if clearly but minimally displayed)

	== Reading Summaries==		== Reading Summaries==

Lnulric09 at 20:04, 26 August 2012

2012-08-26T20:04:20Z

← Older revision		Revision as of 20:04, 26 August 2012
Line 68:		Line 68:
	** Conclude with question to personalize/particularize		** Conclude with question to personalize/particularize
	** Inefficiency of PowerPoint � it is stuck in time		** Inefficiency of PowerPoint � it is stuck in time

			Web Design
			* "Information becomes the interface" - Basically don't clutter your interface except with the information the audience wants - Visual Explanations, pg. 146

Elena at 18:53, 26 August 2012

2012-08-26T18:53:26Z

@@ Line 32: / Line 32: @@
 **	For graphics words should tell the viewer how to read the design and not what to read in terms of content
 **	Make the reader choose how to perceive an information, do whatever it takes to understand the material (from presentation)
 * Manners of presenting (from the lecture)
 **	Research problem, examples of problem solutions

Elena at 18:23, 26 August 2012

2012-08-26T18:23:46Z

← Older revision		Revision as of 18:23, 26 August 2012
Line 32:		Line 32:
	** For graphics words should tell the viewer how to read the design and not what to read in terms of content		** For graphics words should tell the viewer how to read the design and not what to read in terms of content
	** Make the reader choose how to perceive an information, do whatever it takes to understand the material (from presentation)		** Make the reader choose how to perceive an information, do whatever it takes to understand the material (from presentation)
			* Manners of presenting (from the lecture)
			** Research problem, examples of problem solutions
			** Content: what the problem is, relevance, solution
			** Dedicate 8 min of you presentation for audience to pre-read of the material
			** Present the material as it was given for the pre-read. Nothing like repetition improves the understanding
			** Credibility on speech: give the reasons to believe - documentation
			** Conclude with question to personalize/particularize

← Older revision		Revision as of 05:45, 27 August 2012
Line 28:		Line 28:
	**Graphics should be based on large data matrices and have high data density ("VDoQI", pg. 161, RJL)		**Graphics should be based on large data matrices and have high data density ("VDoQI", pg. 161, RJL)
	**Tables or charts better for smaller data matrices to maximize data density ("VDoQI", pg. 161, RJL)		**Tables or charts better for smaller data matrices to maximize data density ("VDoQI", pg. 161, RJL)
			, ES):
	** Integrate supportive text to the plotting filed to make the information perception easier for the viewer		** Integrate supportive text to the plotting filed to make the information perception easier for the viewer (180 ES)
	** The size of type could be quite small		** The size of type could be quite small(180 ES)
			(180 ES)
	** Words on and around the graphics are highly effective in telling viewers how to allocate their attention to the various parts of data display		** Words on and around the graphics are highly effective in telling viewers how to allocate their attention to the various parts of data display(180 ES)
	** For graphics words should tell the viewer how to read the design and not what to read in terms of content		** For graphics words should tell the viewer how to read the design and not what to read in terms of content(180 ES)
	** Make the reader choose how to perceive an information, do whatever it takes to understand the material (from presentation)		** Make the reader choose how to perceive an information, do whatever it takes to understand the material (from presentation)(180 ES)
	* Graphical practices		* Graphical practices
			p. 186-190, ES)
	***Horizontally stretched time-series are more accessible to the eye (186)		***Horizontally stretched time-series are more accessible to the eye (186 ES)
	***Shaded, calm, high contrast display might be better (187)		***Shaded, calm, high contrast display might be better (187 ES)
	***Ease of labeling: easier to read from left to right on a horizontally stretched plotting-field (187)		***Ease of labeling: easier to read from left to right on a horizontally stretched plotting-field (187 ES)
	***Emphasis on casual influence (187)		***Emphasis on casual influence (187 ES)
	***Wider-than-tall shapes make it easier to follow from left to right (188)		***Wider-than-tall shapes make it easier to follow from left to right (188 ES)
			p.12-46, ES)
	***Include labels directly on the picture (43)		***Include labels directly on the picture (43 ES)
	***Important comparisons among images should be pointed out to viewers by means of annotation, arrows, labels, highlighting (45)		***Important comparisons among images should be pointed out to viewers by means of annotation, arrows, labels, highlighting (45 ES)
	***Useful to show both unmapped and mapped images (45)		***Useful to show both unmapped and mapped images (45 ES)
	***Every image should always reside on the universal measurement grid of 3-space and time, should accompany rescaling and zooming in and out (45)		***Every image should always reside on the universal measurement grid of 3-space and time, should accompany rescaling and zooming in and out (45 ES)
			p.37-53, ES)
	*** Reports immense detail, organizing complexity through multiple and hierarchical layers of contextual reading (38)		*** Reports immense detail, organizing complexity through multiple and hierarchical layers of contextual reading (38 ES)
	***Often simplification leads to ambiguity - instead cluster & confusion is a failure of design, not of too much data ("EI" 51 RJL)		***Often simplification leads to ambiguity - instead cluster & confusion is a failure of design, not of too much data ("EI" 51 RJL)
	**Multiples		**Multiples
Line 55:		Line 55:
	***"Shrink principle" - graphics (especially multiples) can often be shrunken significantly without any loss of readability ("VDoQI", p.167, RJL)		***"Shrink principle" - graphics (especially multiples) can often be shrunken significantly without any loss of readability ("VDoQI", p.167, RJL)
	***Also great for large quantities of multivariate data ("VDoQI", p. 169, RJL)		***Also great for large quantities of multivariate data ("VDoQI", p. 169, RJL)
			, ES)
	***Words are spelled out, elaborate encoding is avoided		***Words are spelled out, elaborate encoding is avoided (183 ES)
	***Words run from left to right		***Words run from left to right(183 ES)
	***Little messages help explain data		***Little messages help explain data(183 ES)
	***Elaborately encoded shadings, cross-hatching, colors are avoided. Instead labels are placed on the graphic, no legend required		***Elaborately encoded shadings, cross-hatching, colors are avoided. Instead labels are placed on the graphic, no legend required(183 ES)
	***Colors if used are chosen so that color-deficient/ color-blind can make sense of it (choose blue)		***Colors if used are chosen so that color-deficient/ color-blind can make sense of it (choose blue) (183 ES)
	***type is clear, precise, modest		***type is clear, precise, modest (183 ES)
	***Type is upper and lower case, with serifs		***Type is upper and lower case, with serifs (183 ES)
	***the more the letters are different from each other, the easier is the reading		***the more the letters are different from each other, the easier is the reading (183 ES)
	***all upper case letter is the hardest read		***all upper case letter is the hardest read (183 ES)
			, ES)
	***lines in data graphics should be thin (185)		***lines in data graphics should be thin (185 ES)
			ES)
	***Choosing perpendicular intersections of lines of different weight, the heavier line should be a data measure (186)		***Choosing perpendicular intersections of lines of different weight, the heavier line should be a data measure (186 ES)
	* Manners of presenting (from the lecture)		* Manners of presenting (from the lecture, ES)
	** Research problem, examples of problem solutions		** Research problem, examples of problem solutions
	** Content: what the problem is, relevance, solution		** Content: what the problem is, relevance, solution
Line 87:		Line 87:
	* "Computer selects, organizes, customizes data; paper makes visible the high-resolution information in portable and permanent form." - Visual Explanations. pg 149		* "Computer selects, organizes, customizes data; paper makes visible the high-resolution information in portable and permanent form." - Visual Explanations. pg 149

			== Financial Data==

	== Reading Summaries==		== Reading Summaries==