![Page 1: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/1.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Visualization for Linguistic Research:Day 2 - Tools and Methods
Olga Scrivner
Olga Scrivner
29th European Summer School in Logic,Language, and Information, Toulouse, 2017
![Page 2: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/2.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
What You Will Learn
DAY 1 Introduction to Visual Analytics
DAY 2 Visualization Methods, Design, and Tools
DAY 3 Working with Unstructured Data
DAY 4 Working with Structured Data
DAY 5 Advanced Analytics
![Page 3: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/3.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Our Materials - Web Site
http:
//obscrivn.wixsite.com/visualization
![Page 4: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/4.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
What We Need
I Computer
I WiFi
I R and Rstudio (Installation)
![Page 5: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/5.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
What We Need
I Computer
I WiFi
I R and Rstudio (Installation)
![Page 6: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/6.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Visualization Selection - 5 min
![Page 7: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/7.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Visualization Selection - 5 min
![Page 8: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/8.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
How to Classify Different Visualization?
![Page 9: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/9.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Research Question
I Qualitative research
I Goals: gain insights, discover hidden patterns, exploreand generate ideas for quantitative analysis
I Data collection: unstructured, semi-structured(transcript, text)
I Quantitative research
I Goals: quantification of data, generalization, hypothesistesting
I Data collection: structured
http://atlasti.com/quantitative-vs-qualitative-research/
![Page 10: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/10.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Different Question Types
![Page 11: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/11.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Different Levels of Abstraction/Analysis
![Page 12: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/12.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Different Levels of Abstraction/Analysis
![Page 13: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/13.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Different Levels of Abstraction/Analysis
![Page 14: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/14.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Different Levels of Abstraction/Analysis
![Page 15: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/15.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Audience: Exploration versus Presentation
http://www.infovis-wiki.net/index.php?title=Exploratory_Analysis
![Page 16: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/16.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Data Format
1. Structured Data
2. Unstructured Data
![Page 17: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/17.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Variables
Variable - a measurable characteristic
I Independent variables
What you have control over and what you think maycause variation
I Dependent
what you measure and what is affected by other factors
Find dependent and independent factors - 5 min:
1. You are investigating R pronunciation variation in NewYork: you variables are R (deleted or present), stores(Macys, Klein, Sax), lexical items (fourth and floor)
2. You are studying word order variation in French: youvariables are age of speakers, gender, discourse(neutral, non-neutral), order (direct object+verb orverb+direct object)
![Page 18: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/18.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Variables
Variable - a measurable characteristic
I Independent variables
What you have control over and what you think maycause variation
I Dependent
what you measure and what is affected by other factors
Find dependent and independent factors - 5 min:
1. You are investigating R pronunciation variation in NewYork: you variables are R (deleted or present), stores(Macys, Klein, Sax), lexical items (fourth and floor)
2. You are studying word order variation in French: youvariables are age of speakers, gender, discourse(neutral, non-neutral), order (direct object+verb orverb+direct object)
![Page 19: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/19.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Variable Types - 5 min
Provide an example of linguistic/sociolinguistic variables foreach data type.
![Page 20: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/20.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Variable Types - 5 min
Provide an example of linguistic/sociolinguistic variables foreach data type.
![Page 21: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/21.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Data Mapping (Mackinley, 1987)
I Nominal
I Quantitative
I Ordinal
![Page 22: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/22.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping: Quantitative Data
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 23: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/23.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Perceptual Accuracy
Color Hue - wheel colorSaturation - intensityMackinlay, 1987 - https://research.tableau.com/sites/default/files/p110-mackinlay.pdf
![Page 24: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/24.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Bar Chart
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 25: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/25.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Stacked Bar Chart
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 26: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/26.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Relative Stacked Bar Chart
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 27: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/27.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Line Chart
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 28: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/28.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Area Chart
Combination of a line and a stacked bar chart. The chartshows the total of the fields as well as their relative size toeach other
https://www.interworks.com/fr/blog/ccapitula/2014/11/13/
tableau-essentials-chart-types-area-charts-continuous-discrete
![Page 29: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/29.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Scatter Plot
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 30: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/30.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Bubble Chart
Plot or technique to accentuate data on scatter plots ormaps
https://www.tableau.com/sites/default/files/media/which_chart_v6_final_0.pdf
![Page 31: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/31.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Gantt Chart
Showing start/finish or over time use
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 32: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/32.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Pie Chart
I Indicates relative proportion of a quantitative dependentvariable
I Maps percentage of total to angle
![Page 33: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/33.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Table
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 34: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/34.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Heatmap (Table)
Similar to a table with two categories. Colorsaturation/intensity shows where the intersection is weakeror stronger.
https://www.tableau.com/sites/default/files/media/which_chart_v6_final_0.pdf
![Page 35: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/35.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Treemap (Hierarchical Table)
Shows hierarchical data as a proportion of a whole. Thischart uses a series of rectangles, nested within otherrectangles.https://www.tableau.com/sites/default/files/media/which_chart_v6_final_0.pdf
![Page 36: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/36.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Mapping Data - Box-and-Whisker Plot
Shows the distribution of a set of a data and how data isskewed towards one end, identifying outliers in your data.
1. Box - contains the median of the data along with the1st and 3rd quartiles
2. Whiskers - show maximum and minimum points withinthe data
https://www.tableau.com/sites/default/files/media/which_chart_v6_final_0.pdf
![Page 37: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/37.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Choosing a Good Chart
www.ExtremePresentation.com© 2009 A. Abela — [email protected]
Chart Suggestions—A Th ought-StarterCircular Area Chart Line Chart Column Chart Line Chart
Scatter Chart
3D Area Chart
Pie Chart Waterfall Chart Stacked 100% Column Chart with Subcomponents
Stacked Area ChartStacked 100%Area Chart
StackedColumn Chart
Stacked 100%Column Chart
Bubble Chart
Scatter Chart
Variable WidthColumn Chart
Table or Table withEmbedded Charts
Bar Chart Column Chart
Column Histogram
Line Histogram
Th reeVariables
TwoVariables
SingleVariable
Many PeriodsFew Periods
Two VariablesTwo VariablesTwo Variablesper Itemper Itemper Item
ManyManyManyCategoriesCategoriesCategories
One Variable per ItemOne Variable per ItemOne Variable per ItemOne Variable per Item
Among ItemsAmong ItemsAmong Items
What would youlike to show?
Many ItemsMany ItemsMany Items
Few CategoriesFew CategoriesFew Categories
Few ItemsFew ItemsFew Items
Many PeriodsMany PeriodsMany Periods
Cyclical DataCyclical DataCyclical DataCyclical Data Non-Cyclical DataNon-Cyclical DataNon-Cyclical Data
Few PeriodsFew PeriodsFew Periods
Single or Few CategoriesSingle or Few CategoriesSingle or Few CategoriesSingle or Few Categories Many CategoriesMany CategoriesMany CategoriesMany Categories
Over TimeOver TimeOver Time
ComparisonComparisonComparison
DistributionDistributionDistribution
FewDataDataData
Points
ManyDataData
Points
TwoVariablesVariablesVariables
Th reeVariablesVariablesVariables
RelationshipRelationshipRelationship
CompositionCompositionComposition
Simple ShareSimple ShareSimple Shareof Totalof Totalof Total
Accumulation orAccumulation orAccumulation orSubtraction to TotalSubtraction to TotalSubtraction to Total
ComponentsComponentsComponentsComponentsof Componentsof Componentsof Componentsof Components
StaticStaticStatic
Only RelativeOnly RelativeOnly RelativeDiff erences MatterDiff erences MatterDiff erences Matter
Relative and Absolute Relative and Absolute Relative and Absolute Diff erences MatterDiff erences MatterDiff erences Matter
Only RelativeOnly RelativeOnly RelativeOnly RelativeDiff erences MatterDiff erences MatterDiff erences MatterDiff erences Matter
Relative and Absolute Relative and Absolute Relative and Absolute Diff erences MatterDiff erences MatterDiff erences Matter
ChangingChangingChangingOver TimeOver TimeOver Time
http://extremepresentation.typepad.com/files/choosing-a-good-chart-09.pdf
![Page 38: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/38.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Map Your Research - Pair Work 10 min
I Go to the web sitehttp://obscrivn.wixsite.com/visualization
I Syllabus Day 2
I Select Charts Selection
I Review Choosing a Good Chart
I Map your own research data
![Page 39: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/39.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Perception Tricks
Lower elements influence perception of upper elements
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 40: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/40.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Size
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 41: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/41.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Size
Based on slides by John Hart https://www.coursera.org/learn/datavisualization
![Page 42: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/42.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Size
![Page 43: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/43.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Size
The horizontal lines are parallel, despite appearing to be atdifferent angles to each otherhttps://en.wikipedia.org/wiki/Caf%C3%A9_wall_illusion
![Page 44: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/44.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Shade
The background progresses from dark grey to light grey. Thehorizontal bar appears to progress from light grey to darkgrey, but is in fact just one colorhttps://en.wikipedia.org/wiki/Optical_illusion
![Page 45: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/45.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Shade
The background progresses from dark grey to light grey. Thehorizontal bar appears to progress from light grey to darkgrey, but is in fact just one colorhttps://en.wikipedia.org/wiki/Optical_illusion
![Page 46: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/46.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Contrast
Exaggeration of the contrast between edges of slightlydifferent shades of grey
![Page 47: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/47.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Contrast
Exaggeration of the contrast between edges of slightlydifferent shades of grey
![Page 48: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/48.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Design Tricks - Depth
![Page 49: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/49.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Tufte’s Design Rules - 10 min
Assignment - Design
go to http:
//obscrivn.wixsite.com/visualization/assignments
![Page 50: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/50.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Visualization Do’s and Don’ts
http://guides.library.duke.edu/topten
![Page 51: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/51.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Distortion
http://flowingdata.com/2012/08/06/fox-news-continues-charting-excellence/
![Page 52: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/52.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Do’s: Avoid Distortion
Use the full axis.
http://guides.library.duke.edu/datavis/topten
![Page 53: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/53.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Do’s: Consistent Intervals
The trend is distorted if you do not have even intervalsbetween your dates
http://guides.library.duke.edu/datavis/topten
![Page 54: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/54.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Do’s: Simplify
Highlight the most important: eliminate gridlines or reservecolor to isolate individual data series
http://guides.library.duke.edu/datavis/topten
![Page 55: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/55.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Don’ts: 3D
3D effects reduce comprehension
http://guides.library.duke.edu/datavis/topten
![Page 56: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/56.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Color-Blind Test - 10 min
Go to our site syllabus - assignment color-blind test
![Page 57: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/57.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Tools List - Pair work 15 min
http://selection.datavisualization.ch/
Go to Day 2 Syllabus and select Tools
I Explore at least five different visualization tools
I Filter by Charts, Data and Color
![Page 58: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/58.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Practice - Flashcards
Go to Syllabus Day 2 - IVMOOC flashcards app
![Page 59: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/59.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
See you tomorrow!
![Page 60: Visualization Design, Methods and Tools - ESSLLI 2017 Workshop Day 2](https://reader031.vdocument.in/reader031/viewer/2022022415/5a66b9ed7f8b9a3c0e8b4d0d/html5/thumbnails/60.jpg)
Visualization forLinguisticResearch:
Day 2 - Tools andMethods
Olga Scrivner
Course Info
Methods
Design Rules
Tools
Acknowledgments
Data Visualization MOOC course, University of Illinois atUrbana-Champaign -https://www.coursera.org/learn/datavisualization
IVMOOC, Indiana University-http://ivmooc.cns.iu.edu/