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%