mphil lecture of data vis for presentation
DESCRIPTION
TRANSCRIPT
![Page 1: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/1.jpg)
An Introduction to Structured Data PresentationNew Perspectives on Old Data
http://www.slideshare.net/shawnday/m-phil-lecture12
![Page 2: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/2.jpg)
Objective
To appreciate the range of structured data presentation tools available to digital humanities scholars and to be able to judge between them.
![Page 3: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/3.jpg)
AgendaHow did you fare with the assignment?
Experiences
Lessons
Thoughts
Data Presentation versus Data Analysis?
Products to be have an awareness of
Hands On Install and ConfigExhibit
Omeka
Prezi
![Page 4: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/4.jpg)
Structured Data Presentation Tools(a tiny subset)
WebservicesTimeFlow
Google Fusion Tables
Many Eyes
Dipity
FrameworksGephi
Exhibit (Exercise)
GraphViz
Prefuse
D3
Processing
HostedOmeka (Omeka)
SEASR
![Page 5: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/5.jpg)
TimeFlow
![Page 6: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/6.jpg)
Google FusionTables
![Page 7: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/7.jpg)
Dipity
![Page 8: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/8.jpg)
Many Eyes
![Page 9: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/9.jpg)
Hands-On Exercise: Simile Exhibit
![Page 10: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/10.jpg)
Setup and PreparationOpera Browser contains a server if you need;
Available from opera.com;
Need to install opera unite - unite.opera.com;
Need to copy datafiles:http://myeye.ie/ftp1/exhibit/nobelists.js?action=raw
http://myeye.ie/ftp1/exhibit/index1.html
You can find instructions at: http://myeye.ie/ftp1/exhibit/recipe.txt
![Page 11: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/11.jpg)
Background on Exhibit
Exhibit was developed at MIT to provide a lightweight framework for the presentation, searching and faceted browsing of digital collections. Exhibit lets you easily create web pages with advanced text search and filtering functionalities, with interactive maps, timelines, and other visualizations
![Page 12: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/12.jpg)
Little programming (JavaScript Template);
No database (JSON text);
a series of useful ‘instantly interactive’ visualisations.
So What?...
![Page 13: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/13.jpg)
Backgroundhttp://www.simile-widgets.org/exhibit/
A couple examples…Canadian Network for Economic History
Comox Valley Crime Stoppers
![Page 14: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/14.jpg)
Exhibit in a Nutshell
![Page 15: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/15.jpg)
The Simplest Exhibit<html>
! <head>
! ! <title>MIT Nobel Prize Winners</title>
! ! <link href="nobelists.js" type="application/json" rel="exhibit/data" />
! ! <script src=http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js type="text/javascript"></script>
! <style></style>
! </head>
! <body>
! ! <h1>MIT Nobel Prize Winners</h1>
! ! <table width="100%”>
! ! <tr valign="top”>
! ! <td ex:role="viewPanel”><div ex:role="view"></div></td><td width="25%”>browsing controls here… </td></tr>
</table>
</body>
</html>
![Page 16: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/16.jpg)
The Data {
"items" : [
{ type : "Nobelist",
label : "Burton Richter",
! ! ! latlng: "42.359089,-71.093412",
discipline : "Physics",
shared : "yes",
"last-name" : "Richter",
"nobel-year" : "1976",
relationship : "alumni",
"co-winner" : "Samuel C.C. Ting",
"relationship-detail" : "MIT S.B. 1952, Ph.D. 1956",
imageURL : "http://nobelprize.org/nobel_prizes/physics/laureates/1976/richter_thumb.jpg"
},
………
]
}
![Page 17: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/17.jpg)
The Simplest View
![Page 18: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/18.jpg)
Add Faceted BrowsingExplore data in context
Filter data by attributes
![Page 19: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/19.jpg)
Faceted Browsing Code <div ex:role="facet" ex:expression=".discipline" ex:facetLabel="Discipline"></div>
<div ex:role="facet" ex:expression=".relationship" ex:facetLabel="Relationship"></div>
<div ex:role="facet" ex:expression=".shared" ex:facetLabel="Shared?"></div>
<div ex:role="facet" ex:expression=".deceased" ex:facetLabel="Deceased?"></div>
![Page 20: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/20.jpg)
Add Search and Sort
![Page 21: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/21.jpg)
Search Code
<div ex:role="facet" ex:facetClass="TextSearch"></div>
![Page 22: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/22.jpg)
Add a Table View
![Page 23: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/23.jpg)
Table Code<div
ex:role="exhibit-view”
ex:viewClass="Exhibit.TabularView” ex:columns=".label, .imageURL, .discipline, .nobel-year, .relationship-detail”
ex:columnLabels="name, photo, discipline, year, relationship with MIT”
ex:columnFormats="list, image, list, list, list”
ex:sortColumn="3”
ex:sortAscending="false">
</div>
![Page 24: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/24.jpg)
Add a Timeline
![Page 25: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/25.jpg)
Timeline Code<script src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js"
type="text/javascript"></script>
+
<div ex:role="view" ex:viewClass="Timeline" ex:start=".nobel-year" ex:colorKey=".discipline"></div>
![Page 26: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/26.jpg)
Add a Map View
![Page 27: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/27.jpg)
Wrapup: ExhibitPros
Simple
Lightweight
No server required
A host of visualisations
Embeddable in other systems - ExhibitPress
ConsLimited Scalability
Some cross-browser issues
Restrictions on Look and Feel
Extensive customisation means getting into code
Here comes Exhibit 3
![Page 28: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/28.jpg)
Hands-On and ExerciseInstall and Setup Omeka
![Page 29: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/29.jpg)
Omeka Basics
ItemRepresentations
Metadata TypeTag(s)Item
Representations
Metadata TypeTag(s)Item
Representations
Metadata TypeTag(s)
Collection(s)
ExhibitMetadata
OAI/PMH
CSV
etc...
SectionPage
Page
SectionPage
Page
![Page 30: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/30.jpg)
OMEKAhttp://iridium.omeka.net/exhibits/show/carlingford/day1
http://www.omeka.net/dashboard
Omeka.org versus Omeka.net
Sign-Up at: http://www.omeka.net
![Page 31: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/31.jpg)
Hands-On: Prezi
![Page 32: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/32.jpg)
Prezihttp://prezi.com
Scripted - Narrative driven Visual Presentation Tool
Effective in skilled hands
Helps audience relate to overall message
Different way of imagining a presentation
Challenging
Not conventionally stand alone
![Page 33: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/33.jpg)
Further Explorationhttp://datajournalism.stanford.edu/
![Page 34: MPhil Lecture of Data Vis for Presentation](https://reader033.vdocuments.net/reader033/viewer/2022052820/54bc2fab4a79592a738b45a9/html5/thumbnails/34.jpg)
Where to go nextDIRT (Digital Research Toolkit)
Timeline Tools
Visualisation in Education
Visual Complexity