Post on 30-Jun-2020
transcript
DataVisualiza+onCSE5544
Han-WeiShen
DepartmentofComputerScienceandEngineeringOhioStateUniversity
USA
DataVisualiza+on
• Visualiza+on:– Toformamentalimage
of;
– Tomakevisible.– Example:NYCsubway
map
• Itprovidesexternalaidstoincreasedourmemory,thought,andreasoning
WhyVisualiza+on?
• Apictureisworthtenthousandwords• Amplifyourcogni+onability
– Cogni+on:theacquisi+onoruseofknowledge• Specificgoals:
– Communicateideas– Createanddiscoverideas– Usevisualpercep+ontosolveproblems
• Togeta‘AhHA’responsefromtheviewer
CourseFocus
• Aframeworkforanalyzingexis+ngvisualiza+ontechniques/idiomsasaspringboardfordesigningnewones
• Understandhowwethinkvisually(ColinWare)– Howtoorganizespace– Whichcolorandshapewillstandout– Whenweshoulduseimagesinsteadofwords.
• Prac+calExamplesofVisualDesignforEnvisioningInforma+on– Prac+caltheoriesofvisualdesignfordataanalysis– DesignStrategies
• Datavisualiza+onviaPython/Matplotlib;Javascript/D3;Tableau
RequiredTextbook
Visualiza+onAnalysis&DesignTamaraMunznerCRCPress,2014
ReferenceBook
VisualThinkingforDesignColinWare
ReferenceBook
SemiologyofGraphicsJacquesBer+n
ReferenceBook
TheGrammarofGraphicsLelandWilkinson
ReferenceBook
SIGNALStephenFew
D3Programming
Interac+veDataVisualiza+onfortheWeb
ScoeMurray
ReferenceBooks
-TheVisualDisplayofQuan+ta+veInforma+on
-EnvisioningInforma+on-VisualExplana+ons
EdwardTuge
CourseTopics
• Founda+ons– VisualPercep+on– Informa+onandDataAnalysis– ScopeofGraphicSystem– GrammarofGraphics
• Visualiza+onComponents– DataAbstrac+on– TaskAbstrac+on– Re+naAeributes(MarksandChannels)
CourseTopics
• BasicVisualiza+onTechniques– Tables– Diagrams– Networks– Maps
• AdvancedVisualiza+onTechniques– Mul+pleViewsandFacets– FocusandContext– DataReduc+on
CourseTopics
• HighLevelVisualiza+onProblems– Space– Time– Uncertainty– Analysis
Sogware
• Python/Matplotlib• Javascript/D3• Tableau
StudentAssessment
• Homework/Labs50%• MidtermProject/Exam:20%
• FinalProject/Exam:30%