News graphics - Ivan - Revision history

Admin: Blanked the page

2012-08-27T11:38:34Z

Blanked the page

← Older revision		Revision as of 11:38, 27 August 2012
Line 1:		Line 1:
	~~News graphics, technical illustrations, documentation.~~

	~~Readings:~~

	~~<span style="color:#FF0000"> * Visual Explanations, '''pages 144 - 145''' </span>~~

	~~<span style="color:#FF0000"> * Envisioning Information, '''chapter 3''' </span>~~

	~~<span style="color:#FF0000"> * The Visual Display of Quantitative Information, '''chapter 2 and 9''' </span>~~

	~~- A ligt transparent color for flow-lines is allowing the underlying type to show through.~~

	~~- Good design has two key elements:~~
	~~# simplicity of design~~
	~~# complexity of data~~

	~~- Attractive displays of statistical information:~~
	~~# Have a properly chosen format and design~~
	~~# use words, numbers, and drawing together~~
	~~# reflect a balance, proportion, a sense of relevant scale~~
	~~# display an accessible complexity of detail~~
	~~# often have a narrative quality, a story to tell about the data~~
	~~# are drawn in a professional manner, with the technical details of production done with care~~
	~~# avoid content-free decoration, including chartjunk~~

	~~- The conventional sentence is a poor way to show more than two numbers because it prevents comparisons within the data.~~

	~~- Pie chart should newer be used given their low data-density and failure to order numbers along visual dimension.~~

	~~- Words and pictures belong together. Viewers need the help that words provide.~~

	~~- There are nearly always better sequence than alphabetical.~~

	~~- Tables and graphics should be run into text whenever possible, avoiding the clumsy and diverting segregation of "See Fig. 2".~~

	~~- Colors if used, are chosen so that the color-deficient and color-blind (5 - 10 percent of viewers) can make sense of the graphics (blue - easily distinguishable)~~

	~~- Lines in data graphics should be thin.~~

	~~- The greater meaning is given to a greater line weight.~~

	~~- Our eye is naturally practiced in detecting deviations form the horizon, and graphics design should take advantage of this fact. Horizontally stretched time-series are more accessible to the eye.~~

	~~- The analogy to the horizon also suggests that a shaded, high contrast display might occasionally be better than the floating snake. The shading should be calm, without moire effect.~~

	~~- If the nature of data suggests the shape of the graphics, follow that suggestion. Otherwise move toward horizontal graphics about 50 percent wider than tall (Golden Rectangle).~~

	~~- Design is choice.~~

	~~<span style="color:#FF0000"> * Beautiful Evidence, '''pages 116 - 117'''</span>~~

Ibabic09 at 17:15, 26 August 2012

2012-08-26T17:15:31Z

← Older revision		Revision as of 17:15, 26 August 2012
Line 45:		Line 45:

	- If the nature of data suggests the shape of the graphics, follow that suggestion. Otherwise move toward horizontal graphics about 50 percent wider than tall (Golden Rectangle).		- If the nature of data suggests the shape of the graphics, follow that suggestion. Otherwise move toward horizontal graphics about 50 percent wider than tall (Golden Rectangle).

			- Design is choice.

	<span style="color:#FF0000"> * Beautiful Evidence, '''pages 116 - 117'''</span>		<span style="color:#FF0000"> * Beautiful Evidence, '''pages 116 - 117'''</span>

Ibabic09 at 17:12, 26 August 2012

2012-08-26T17:12:17Z

← Older revision		Revision as of 17:12, 26 August 2012
Line 27:		Line 27:

	- Pie chart should newer be used given their low data-density and failure to order numbers along visual dimension.		- Pie chart should newer be used given their low data-density and failure to order numbers along visual dimension.

			- Words and pictures belong together. Viewers need the help that words provide.

			- There are nearly always better sequence than alphabetical.

			- Tables and graphics should be run into text whenever possible, avoiding the clumsy and diverting segregation of "See Fig. 2".

			- Colors if used, are chosen so that the color-deficient and color-blind (5 - 10 percent of viewers) can make sense of the graphics (blue - easily distinguishable)

			- Lines in data graphics should be thin.

			- The greater meaning is given to a greater line weight.

			- Our eye is naturally practiced in detecting deviations form the horizon, and graphics design should take advantage of this fact. Horizontally stretched time-series are more accessible to the eye.

			- The analogy to the horizon also suggests that a shaded, high contrast display might occasionally be better than the floating snake. The shading should be calm, without moire effect.

			- If the nature of data suggests the shape of the graphics, follow that suggestion. Otherwise move toward horizontal graphics about 50 percent wider than tall (Golden Rectangle).

	<span style="color:#FF0000"> * Beautiful Evidence, '''pages 116 - 117'''</span>		<span style="color:#FF0000"> * Beautiful Evidence, '''pages 116 - 117'''</span>

Ibabic09 at 16:59, 26 August 2012

2012-08-26T16:59:28Z

← Older revision		Revision as of 16:59, 26 August 2012
Line 22:		Line 22:
	# often have a narrative quality, a story to tell about the data		# often have a narrative quality, a story to tell about the data
	# are drawn in a professional manner, with the technical details of production done with care		# are drawn in a professional manner, with the technical details of production done with care
	# avoid content-free decoration, including chartjunk		# avoid content-free decoration, including chartjunk

			- The conventional sentence is a poor way to show more than two numbers because it prevents comparisons within the data.

			- Pie chart should newer be used given their low data-density and failure to order numbers along visual dimension.

	<span style="color:#FF0000"> * Beautiful Evidence, '''pages 116 - 117'''</span>		<span style="color:#FF0000"> * Beautiful Evidence, '''pages 116 - 117'''</span>

Ibabic09 at 16:55, 26 August 2012

2012-08-26T16:55:46Z

← Older revision		Revision as of 16:55, 26 August 2012
Line 4:		Line 4:

	<span style="color:#FF0000"> * Visual Explanations, '''pages 144 - 145''' </span>		<span style="color:#FF0000"> * Visual Explanations, '''pages 144 - 145''' </span>

	<span style="color:#FF0000"> * Envisioning Information, '''chapter 3''' </span>		<span style="color:#FF0000"> * Envisioning Information, '''chapter 3''' </span>

Ibabic09 at 16:54, 26 August 2012

2012-08-26T16:54:31Z

← Older revision		Revision as of 16:54, 26 August 2012
Line 2:		Line 2:

	Readings:		Readings:

	<span style="color:#FF0000"> * Visual Explanations, '''pages 144 - 145''' </span>		<span style="color:#FF0000"> * Visual Explanations, '''pages 144 - 145''' </span>
			<span style="color:#FF0000"> * Envisioning Information, '''chapter 3''' </span>

	* Envisioning Information, '''chapter 3'''		<span style="color:#FF0000"> * The Visual Display of Quantitative Information, '''chapter 2 and 9''' </span>
	* The Visual Display of Quantitative Information, '''chapter 2 and 9'''

	- A ligt transparent color for flow-lines is allowing the underlying type to show through.		- A ligt transparent color for flow-lines is allowing the underlying type to show through.
Line 22:		Line 23:
	# avoid content-free decoration, including chartjunk		# avoid content-free decoration, including chartjunk

	* Beautiful Evidence, '''pages 116 - 117'''		<span style="color:#FF0000"> * Beautiful Evidence, '''pages 116 - 117'''</span>

Ibabic09 at 16:53, 26 August 2012

2012-08-26T16:53:21Z

← Older revision		Revision as of 16:53, 26 August 2012
Line 2:		Line 2:

	Readings:		Readings:
	* Visual Explanations, '''pages 144 - 145'''		<span style="color:#FF0000"> * Visual Explanations, '''pages 144 - 145''' </span>

	* Envisioning Information, '''chapter 3'''		* Envisioning Information, '''chapter 3'''
	* The Visual Display of Quantitative Information, '''chapter 2 and 9'''		* The Visual Display of Quantitative Information, '''chapter 2 and 9'''

Ibabic09 at 15:43, 26 August 2012

2012-08-26T15:43:00Z

← Older revision		Revision as of 15:43, 26 August 2012
Line 9:		Line 9:

	- Good design has two key elements:		- Good design has two key elements:
	# ~~Simplicity~~ of design		# simplicity of design
	# ~~Complexity~~ of data		# complexity of data

			- Attractive displays of statistical information:
			# Have a properly chosen format and design
			# use words, numbers, and drawing together
			# reflect a balance, proportion, a sense of relevant scale
			# display an accessible complexity of detail
			# often have a narrative quality, a story to tell about the data
			# are drawn in a professional manner, with the technical details of production done with care
			# avoid content-free decoration, including chartjunk

	* Beautiful Evidence, '''pages 116 - 117'''		* Beautiful Evidence, '''pages 116 - 117'''

Ibabic09 at 15:38, 26 August 2012

2012-08-26T15:38:38Z

← Older revision		Revision as of 15:38, 26 August 2012
Line 9:		Line 9:

	- Good design has two key elements:		- Good design has two key elements:
	*# Simplicity of design		# Simplicity of design
	*# Complexity of data		# Complexity of data

	* Beautiful Evidence, '''pages 116 - 117'''		* Beautiful Evidence, '''pages 116 - 117'''

Ibabic09 at 15:38, 26 August 2012

2012-08-26T15:38:25Z

← Older revision		Revision as of 15:38, 26 August 2012
Line 9:		Line 9:

	- Good design has two key elements:		- Good design has two key elements:
	** Simplicity of design		*# Simplicity of design
	** Complexity of data		*# Complexity of data

	* Beautiful Evidence, '''pages 116 - 117'''		* Beautiful Evidence, '''pages 116 - 117'''