canadian bioinformatics workshops · module bioinformatics.ca •data communication / presentation...
TRANSCRIPT
![Page 1: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/1.jpg)
CanadianBioinformaticsWorkshops
www.bioinformatics.ca
![Page 2: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/2.jpg)
Module bioinformatics.ca2Module #: Title of Module
![Page 3: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/3.jpg)
Module7DataVisualization
AnamariaCrisan
![Page 4: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/4.jpg)
Module bioinformatics.ca
LearningObjectivesofModule
• Bytheendofthislectureyoushouldbeableto:– Understanddatavisualizationdesignatahigh-level– Breakdownandevaluatedatavisualizations– Beawareofgenomicepidemiologydatavisualizationtoolsandothertools
![Page 5: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/5.jpg)
Module bioinformatics.ca
• Wewon’twatchthiswholevideo,butveryworthspendingtimetowatchonyourownhttps://www.youtube.com/watch?v=hVimVzgtD6w
So- whydatavisualization?
![Page 6: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/6.jpg)
Module bioinformatics.ca
https://www.youtube.com/watch?v=j4Ut4krp8GQ
So- whydatavisualization?
![Page 7: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/7.jpg)
Module bioinformatics.ca
Datavisualizationisn’tjust anartproject
![Page 8: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/8.jpg)
Module bioinformatics.ca
Design Art
Ideastakenfrom@rachelbinx’s 2016OpenVistalkAndhttp://featureguru.com/art-vs-design.html
DataVisualization(Iarguedatavisualizationismuchmoreaboutdesign)
Artvs.design
![Page 9: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/9.jpg)
Module bioinformatics.ca
Function&form
Form(appearance)follows function(howitworks)
![Page 10: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/10.jpg)
Module bioinformatics.ca
• DataCommunication/Presentation– Showsomeresultorfinding– Figuresinpapersorpublicreports(static)– Videoswithpapers(animated,butnotinteractive)– Example:Nextstrain.org;microreact.org (interactive)
• DataExploration– Findtrends,patterns,orclusters(amongotherthings)– Example:R(Shiny);Excel;Tableau(withsomelimits);D3
• HypothesisAssessment– Identifywhetherdatacontainspre-conceivedtrend,pattern,orcluster
Howdoweusedatavisualization?
![Page 11: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/11.jpg)
Module bioinformatics.ca
• PartI:DataVisualizationDesign&Analysis– Principles&methodsforthinkingsystematicallyaboutvisualizationdesign&evaluation
• PartII:Tools&Examples– Overviewofsomeexistingtools– We’lldiveintosomeofthemmoredeeplyinthetutorial
Overview
![Page 12: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/12.jpg)
Module bioinformatics.ca
Part1:DataVisualizationDesign&Analysis
![Page 13: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/13.jpg)
Module bioinformatics.ca
Layersofadatavisualization
![Page 14: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/14.jpg)
Module bioinformatics.ca
Why?Whydoyouneedtovisualizedata?
What?Whatkindofdataisbeingvisualized?
How?Howisdatabeingvisualized?Howdoothersinteractwiththedata?
(Motivation)
(Data)
(Visualand InteractionDesign)
Datavisualizationinthreequestions
Layersofadatavisualization
Peopletendtojumptothislevelandignorewhyandwhat
![Page 15: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/15.jpg)
Module bioinformatics.ca
Why?
What?
How?
Design EvaluationDoesthevisualizationsolvearelevantproblem?
Areyouusingtherightdata,orderiving therightdata?
Arethevisualandinteractivedesignchoicesappropriate?
LayersofadatavisualizationDatavisualizationinthreequestions
![Page 16: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/16.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
WHY WHAT HOW
T.Munzner (2009)- Anestedmodelforvisualizationdesignandvalidation
Introductiontothenestedmodel
![Page 17: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/17.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
DESIGN
EVALUATION
Useaniterative process
Introductiontothenestedmodel
![Page 18: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/18.jpg)
Module bioinformatics.ca
Aniterativeapproachtodevelopmentallowsustogetfeedbackbeforecommittingtoineffectivedesignchoices
Operationalizingthenestedmodel
Useaniterative agile process
![Page 19: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/19.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
DESIGN
ADesignStudyMethodology(Paraphrased)
M.Sedlmair etal.(2012)- Adesignstudymethodology:lessonsfromthetrenches
1. Partnerwithagroupofstakeholdersthathaveaproblem
Operationalizingthenestedmodel
![Page 20: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/20.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
DESIGN
2. Askwhatdata stakeholdersuse(isitavailable)?
3. Askwhatstakeholdersdowiththedata[tasks]
ADesignStudyMethodology(Paraphrased)
Operationalizingthenestedmodel
M.Sedlmair etal.(2012)- Adesignstudymethodology:lessonsfromthetrenches
![Page 21: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/21.jpg)
Module bioinformatics.ca
Note!Don’tjustuserawdata
Operationalizingthenestedmodel
T.Munzner (2014)– VisualizationDesignandAnalysis
![Page 22: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/22.jpg)
Module bioinformatics.ca
Note!Don’tjustuserawdata
Operationalizingthenestedmodel
https://xkcd.com/1138/
Example:Using(raw)absolutecounts,whenyouactuallyneedtoderiverates
![Page 23: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/23.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
DESIGN
4. Exploreifothervisualizationshaveaddressedthisproblem andsetoftasks&data
5. Implementyourownsolution
ADesignStudyMethodology(Paraphrased)
Operationalizingthenestedmodel
M.Sedlmair etal.(2012)- Adesignstudymethodology:lessonsfromthetrenches
![Page 24: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/24.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
DESIGN
4. Exploreifothervisualizationshaveaddressedthisproblem andsetoftasks&data
5. Implementyourownsolution(partorallofthatsolutioncouldbeanewalgorithm)
ADesignStudyMethodology(Paraphrased)
Operationalizingthenestedmodel
M.Sedlmair etal.(2012)- Adesignstudymethodology:lessonsfromthetrenches
![Page 25: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/25.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
EVALUATION
6. Testmultiplealternatives(includingnewonesyoudevelop)withstakeholders
7. Gatherqualitative&quantitativeevaluationdata
Operationalizingthenestedmodel
M.Sedlmair etal.(2012)- Adesignstudymethodology:lessonsfromthetrenches
ADesignStudyMethodology(Paraphrased)
![Page 26: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/26.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
DESIGN
EVALUATION
FORMATIVEEVALUATIONS
Manycyclesofformativeevaluations
ADesignStudyMethodology(Paraphrased)
Operationalizingthenestedmodel
M.Sedlmair etal.(2012)- Adesignstudymethodology:lessonsfromthetrenches
![Page 27: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/27.jpg)
Module bioinformatics.ca
1. Partnerwithagroupofstakeholdersthathaveaproblem
2. Askwhatdata stakeholdersuse(isitavailable)?
3. Askwhatstakeholdersdowiththedata[tasks]
4. Exploreifothervisualizationshaveaddressedthisproblem andsetoftasks&data
5. Implementyourownsolution(visand/oralgorithm)
6. Testmultiplealternatives(includingnewonesyoudevelop)withstakeholders
7. Gatherqualitative&quantitativeevaluationdata
Puttingitalltogether
M.Sedlmair etal.(2012)- Adesignstudymethodology:lessonsfromthetrenches
![Page 28: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/28.jpg)
Module bioinformatics.ca
Why
What
How
How
Design
Eval.
Puttingitalltogether
QualitativeMethods,DomainKnowledge
Qualitative&QuantitativeMethods
Design&CognitiveScience
ComputerScience
Methodology
T.Munzner (2014)– VisualizationDesignandAnalysis
![Page 29: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/29.jpg)
Module bioinformatics.ca
• InformationVisualization(infovis)isadisciplinewithincomputersciencethatstudiesdatavisualization
• Infovisisayoung&evolvinginterdisciplinaryarea
• Alternativemethodsforvisualizationdesign&evaluationexist,butarenotpresentedhere
Anoteondatavisualizationmethods
![Page 30: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/30.jpg)
Module bioinformatics.ca
DomainProblem
Data+Tasks
Visual+InteractionDesignChoices
Algorithm
Divingintohow
WHY WHAT HOW
• Lastbitoftheory– let’stalkmoreaboutthehow• Thiswillbeacherry-picked,high-leveloverview
![Page 31: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/31.jpg)
Module bioinformatics.ca
Visualizationbasics:display&interaction
T.Munzner (2014)– VisualizationDesignandAnalysis
![Page 32: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/32.jpg)
Module bioinformatics.ca
Encoding&decoding
R.Kosara (EagerEyes)– https://eagereyes.org/basics/encoding-vs-decoding
![Page 33: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/33.jpg)
Module bioinformatics.ca
Visualizationbasics:marks&channelsMark:Geometricprimitive(basicbuildingblock)
Channel:Controlstheappearanceofmarks
T.Munzner (2014)– VisualizationDesignandAnalysis
![Page 34: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/34.jpg)
Module bioinformatics.ca
Visualizationbasics:marks&channels
T.Munzner (2014)– VisualizationDesignandAnalysis
![Page 35: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/35.jpg)
Module bioinformatics.ca
Colour=Continent
Transparency=Density
Revealdetailonhover
X-axisposition:Expenditure
y-axispo
sition:life
expectancy
Visualizationbasics:marks&channelsExample of these concepts in action
![Page 36: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/36.jpg)
Module bioinformatics.ca
Differentdataset,butit’susingsomeofthesamechannels(colour,transparency,size)
Visualizationbasics:marks&channelsExample of these concepts in action
Thisisaterriblevisualization
(morebaddatavisat:viz.wtf )
![Page 37: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/37.jpg)
Module bioinformatics.ca
J.Heer (2010)– CrowdsourcingGraphicalPerception:UsingMechanicalTurktoAssessVisualizationDesign
• Calculated(log)errorratesfordifferenttypesofbasicdatavisualizations
• Cleveland&McGill(1984),firststudy
• CrowdsourcedResults(2010),usingMechanicalTurk
• Reproducibleresults• Differencesinerrorratesfor
differentvisualizations
Visualizationbasics:marks&channels
![Page 38: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/38.jpg)
Module bioinformatics.ca
Visualizationdesignaffectshowpeoplewillunderstand,interpret,andactonunderlyinginformationMoreonperception:http://bit.ly/2oQZJBC
Encoding&decoding
![Page 39: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/39.jpg)
Module bioinformatics.ca
Visualizationbasics:display&interaction
T.Munzner (2014)– VisualizationDesignandAnalysis
![Page 40: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/40.jpg)
Module bioinformatics.ca
Visualizationbasics:display&interaction
T.Munzner (2014)– VisualizationDesignandAnalysis
![Page 41: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/41.jpg)
Module bioinformatics.ca
Example:Nextstrain.org
(aboveisananimatedgif)
FilterChange
![Page 42: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/42.jpg)
Module bioinformatics.ca
Example:TreeJuxtaposer
T.Munzner (2006)– TreeJuxtaposer:ScalableTreeComparisonusingFocus+Context withGuaranteedVisibilityhttps://www.youtube.com/watch?v=GdaPj8a9QEo
SelectJuxtapose
(aboveisananimatedgif)
ComparingPhylogeneticTrees
![Page 43: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/43.jpg)
Module bioinformatics.ca
Example:TreeJuxtaposer
T.Munzner (2006)– TreeJuxtaposer:ScalableTreeComparisonusingFocus+Context withGuaranteedVisibilityhttps://www.youtube.com/watch?v=GdaPj8a9QEo
ComparingPhylogeneticTreesNavigateJuxtapose
(aboveisananimatedgif)
![Page 44: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/44.jpg)
Module bioinformatics.ca
• Datavisualizationisnotjustartisticorgraphicdesign
• Thinkaboutwhy-what-how– Datavisualizationlayers:thenestedmodel– Datavisualizationmethods:designstudymethodology– We’lloperationalizetheseconceptsinthetutorial
• Relationshipbetweenhowdataisencoded andhowothersdecode theinformation– Somevisualizationseasiertounderstandthatothers– Somestrategiesforhow tovisualizedata
Takeawaysfromthispart
![Page 45: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/45.jpg)
Module bioinformatics.ca
Part2:ExamplesandTools
![Page 46: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/46.jpg)
Module bioinformatics.ca
Datavisualizationinthewild• Manysourcesofdatavisualizationsacrossdisciplinesandeveninpopularpublications
• ExamplesfrominfoVis community:– Mizbee– Pathfinder:VisualizingPaths– TreeJuxtaposer
• ExamplesfromMicrobialGenomicCommunity:– TheIRIDAplatformintegratesanumberoftools
• PhyloViz- online• IslandViewer
– Microreact
• Generalpurposetools:– R,Python,D3,etc.
We’lltalkmoreaboutthese
![Page 47: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/47.jpg)
Module bioinformatics.ca
DataVisualizationToolsRecreatingonechartusing24tools:http://bit.ly/2gRGx1J
![Page 48: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/48.jpg)
Module bioinformatics.ca
DataVisualizationToolsRecreatingonechartusing24tools:http://bit.ly/2gRGx1J
![Page 49: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/49.jpg)
Module bioinformatics.ca
PhyloVizOnlineWe’regoingtolookattheFasta exampledataset
![Page 50: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/50.jpg)
Module bioinformatics.ca
PhyloVizOnline
• Let’stalkthroughthedesignchoicesofthistool:• Why-what-how
– Whywasthisvisualizationdeveloped?– Whatdatadoesituse?– Howdidauthorschoosetovisualizethedata?
• Marksandchannels– Howisthedataencoded?
• Interactions– Howcanothersinteractwiththedata?
• Whatdoyouthink?– Doyouagreewiththedecisionstheymade?– Wouldyoudoitdifferently?Ifyes,how?
![Page 51: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/51.jpg)
Module bioinformatics.ca
IslandViewer(http://bit.ly/1LFRPkV)
![Page 52: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/52.jpg)
Module bioinformatics.ca
IslandViewer(http://bit.ly/1LFRPkV)
• Let’stalkthroughthedesignchoicesofthistool:• Why-what-how
– Whywasthisvisualizationdeveloped?– Whatdatadoesituse?– Howdidauthorschoosetovisualizethedata?
• Marksandchannels– Howisthedataencoded?
• Interactions– Howcanothersinteractwiththedata?
• Whatdoyouthink?– Doyouagreewiththedecisionstheymade?– Wouldyoudoitdifferently?Ifyes,how?
![Page 53: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/53.jpg)
Module bioinformatics.ca
Microreact(http://bit.ly/2ooye1f)We’regoingtolookattheEbola example
![Page 54: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/54.jpg)
Module bioinformatics.ca
Microreact(http://bit.ly/2ooye1f)
• Let’stalkthroughthedesignchoicesofthistool:• Why-what-how
– Whywasthisvisualizationdeveloped?– Whatdatadoesituse?– Howdidauthorschoosetovisualizethedata?
• Marksandchannels– Howisthedataencoded?
• Interactions– Howcanothersinteractwiththedata?
• Whatdoyouthink?– Doyouagreewiththedecisionstheymade?– Wouldyoudoitdifferently?Ifyes,how?
![Page 55: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/55.jpg)
Module bioinformatics.ca
• Toolstobuildyourownvisualization– Includesstatic&interactivecapabilities
• Toolsthatothershavebuiltforyoutouse– Toolsandlibrariesdifferineaseofuse&flexibility– Manyoptionsavailable,choosewhatworksbestforyou
• Thinkingsystematicallyaboutdatavisualizationstools– Usingwhy-what-howtoassesspros&cons
Takeawaysfromthispart
![Page 56: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/56.jpg)
Module bioinformatics.ca
Whathavewelearnedtoday?
Image:nounproject
![Page 57: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/57.jpg)
Module bioinformatics.ca
• Understanddatavisualizationdesignatahigh-level– Thedifferencebetweendesign&art– Layersofadatavisualization(thenestedmodel)– Aflavour ofdatavisualizationmethodologies
• Breakdownandevaluatedatavisualizations– Usingwhy-what-how– Beingawareofencoding&decoding– Usingmarksandchannels– Thinkingthroughdisplay&interaction
• Beawareofgenomicepidemiologydatavisualizationtoolsandothertools– Generalpurposetools– Communitydriventools:infovis,microbialgenomics
Returningtothelearningobjectives
![Page 58: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/58.jpg)
Module bioinformatics.ca
• We’llimplementashiny(https://shiny.rstudio.com/)applicationinthetutorial
• Thedesignoftheshinyapplicationwillbeinspiredbythetoolswe’veseen
Upnext
![Page 59: Canadian Bioinformatics Workshops · Module bioinformatics.ca •Data Communication / Presentation –Show some result or finding –Figures in papers or public reports (static) –Videos](https://reader036.vdocument.in/reader036/viewer/2022070719/5edf6220ad6a402d666abb84/html5/thumbnails/59.jpg)
Module bioinformatics.ca
WeareonaCoffeeBreak&NetworkingSession