Difference between revisions of "Lesson02"
(Created page with "<div style=background:#2B3856 border:#A3BFB1> 200px <font size = 5; color="#FFFFFF">IS428 Visual Analytics for Business Intelligence</font> </div> <!--MAIN H...") |
|||
| Line 28: | Line 28: | ||
|} | |} | ||
<br/> | <br/> | ||
| + | |||
| + | <font size =5>'''Designing Graphs to Enlighten: Principles, Methods and Best Practices'''</font> | ||
| + | |||
| + | <font size = 3>[[media:Lesson02.pdf|Lesson 2 Slides]]</font> | ||
| + | |||
| + | == Content == | ||
| + | |||
| + | Data Foundation | ||
| + | * Types of data | ||
| + | * Structure within and between records | ||
| + | * Data preprocessing: ETL (Extract, Transform, and Loading) | ||
| + | |||
| + | Human Perception and Information Processing | ||
| + | * What Is Perception? | ||
| + | * Physiology | ||
| + | * Perceptual Processing | ||
| + | * Perception in Visualization | ||
| + | * Metrics | ||
| + | |||
| + | Perceptual and Design Principles for Effective Visual Analytics | ||
| + | * System, Color, Gestalt Laws, Pre-attentive processing | ||
| + | * Representation: The encoding of value and relation | ||
| + | * Visual Perception and Quantitative Communication | ||
| + | |||
| + | Designing Charts to Enlighten | ||
| + | * What we mean by an enlighten graph | ||
| + | * JunkCharts: Understand the limitation of Excel charts | ||
| + | * Principles of Graphic Design | ||
| + | * Semiology of graphics | ||
| + | |||
| + | Useful Charts for Data Discovery | ||
| + | * Data discovery with bar chart | ||
| + | * Data discovery with histogram | ||
| + | * Data discovery with boxplot | ||
| + | * Data discovery with dotplot | ||
| + | |||
| + | == Hands-on Session == | ||
| + | |||
| + | * Visualising and analysing bivariate data | ||
| + | * Interactive visual analytics with Graph Builder | ||
| + | |||
| + | |||
| + | == Daily Readings == | ||
| + | |||
| + | {| border="1" cellpadding="1" | ||
| + | |- | ||
| + | |width="5pt"|Day | ||
| + | |width="10pt"|Time required | ||
| + | |width="350pt"|Readings | ||
| + | |- | ||
| + | |Monday||30 minutes||Eight Principles of Data Visualization [http://www.information-management.com/news/Eight-Principles-of-Data-Visualization-10023032-1.html?zkPrintable=1&nopagination=1] | ||
| + | |||
| + | The Dataviz Design Process: 7 Steps for Beginners [http://annkemery.com/dataviz-design-process/] | ||
| + | |||
| + | 7 Basic Rules for Making Charts and Graphs [http://flowingdata.com/2010/07/22/7-basic-rules-for-making-charts-and-graphs/] | ||
| + | |||
| + | |- | ||
| + | |Tuesday||30 minutes||Tapping the Power of Visual Perception [http://www.perceptualedge.com/articles/ie/visual_perception.pdf] | ||
| + | Quantitative Literacy Across the Curriculum [http://www.perceptualedge.com/articles/visual_business_intelligence/quantitative_literacy_across_curriculum.pdf] | ||
| + | |||
| + | Sometimes We Must Raise Our Voices [http://www.perceptualedge.com/articles/visual_business_intelligence/sometimes_we_must_raise_our_voices.pdf] | ||
| + | |- | ||
| + | |Wednesday||30 minutes||Best Practices for Understanding Quantitative Data [http://www.perceptualedge.com/articles/b-eye/quantitative_data.pdf] | ||
| + | |||
| + | Data Visualization: Rules for Encoding Values in Graph [http://www.perceptualedge.com/articles/b-eye/encoding_values_in_graph.pdf] | ||
| + | |||
| + | |- | ||
| + | |Thursday||30 minutes|| | ||
| + | Choosing Colors for Data Visualization [http://www.perceptualedge.com/articles/b-eye/choosing_colors.pdf] | ||
| + | |||
| + | Line Graphs and Irregular Intervals: An Incompatible Partnership [http://www.perceptualedge.com/articles/visual_business_intelligence/line_graphs_and_irregular_intervals.pdf] | ||
| + | |- | ||
| + | |||
| + | |Friday||3 hours||Lesson discussion and hands-on exercise | ||
| + | |- | ||
| + | |- | ||
| + | |} | ||
| + | |||
| + | == References == | ||
| + | |||
| + | Robbins, Naomi B. (2005) Creating More Effective Graphs, John Wiley & Sons, New Jersey, USA. | ||
| + | |||
| + | Edward R. Tufte (2001) The Visual Display of Quantitative Information (2nd Edition), Graphics press, Connecticut, USA. Chapter 4-9 | ||
| + | |||
| + | Stephen Few (2004) Show Me the Numbers: Designing Tables and Graphs to Englighten, Analytical Press, Oakland, USA. | ||
| + | |||
| + | Wong, Dona M. (2010) The Wall Street Journal Guide to Information Graphics, W. W. Norton & Company, Inc. New York. | ||
| + | |||
| + | |||
| + | |||
| + | == Discussion == | ||
| + | |||
| + | [[Talk:Lesson02|Discussion Lesson 02]] | ||
Revision as of 22:26, 4 August 2016
|
|
|
|
|
|
Designing Graphs to Enlighten: Principles, Methods and Best Practices
Content
Data Foundation
- Types of data
- Structure within and between records
- Data preprocessing: ETL (Extract, Transform, and Loading)
Human Perception and Information Processing
- What Is Perception?
- Physiology
- Perceptual Processing
- Perception in Visualization
- Metrics
Perceptual and Design Principles for Effective Visual Analytics
- System, Color, Gestalt Laws, Pre-attentive processing
- Representation: The encoding of value and relation
- Visual Perception and Quantitative Communication
Designing Charts to Enlighten
- What we mean by an enlighten graph
- JunkCharts: Understand the limitation of Excel charts
- Principles of Graphic Design
- Semiology of graphics
Useful Charts for Data Discovery
- Data discovery with bar chart
- Data discovery with histogram
- Data discovery with boxplot
- Data discovery with dotplot
Hands-on Session
- Visualising and analysing bivariate data
- Interactive visual analytics with Graph Builder
Daily Readings
| Day | Time required | Readings |
| Monday | 30 minutes | Eight Principles of Data Visualization [1]
The Dataviz Design Process: 7 Steps for Beginners [2] 7 Basic Rules for Making Charts and Graphs [3] |
| Tuesday | 30 minutes | Tapping the Power of Visual Perception [4]
Quantitative Literacy Across the Curriculum [5] Sometimes We Must Raise Our Voices [6] |
| Wednesday | 30 minutes | Best Practices for Understanding Quantitative Data [7]
Data Visualization: Rules for Encoding Values in Graph [8] |
| Thursday | 30 minutes |
Choosing Colors for Data Visualization [9] Line Graphs and Irregular Intervals: An Incompatible Partnership [10] |
| Friday | 3 hours | Lesson discussion and hands-on exercise |
References
Robbins, Naomi B. (2005) Creating More Effective Graphs, John Wiley & Sons, New Jersey, USA.
Edward R. Tufte (2001) The Visual Display of Quantitative Information (2nd Edition), Graphics press, Connecticut, USA. Chapter 4-9
Stephen Few (2004) Show Me the Numbers: Designing Tables and Graphs to Englighten, Analytical Press, Oakland, USA.
Wong, Dona M. (2010) The Wall Street Journal Guide to Information Graphics, W. W. Norton & Company, Inc. New York.