data vis for transylvania dh
TRANSCRIPT
![Page 1: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/1.jpg)
Visualisation and Storytelling
Shawn Day
Transylvania Digital Humanities Centre / 30 April /1 May 2015
![Page 2: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/2.jpg)
Objective(s)‣ To build on the Visualisation introduced by Vinayak; ‣ To appreciate the connections between time and space and
how visualising data with these attributes benefits from a visual perspective;
‣ Through quick overview of four recently introduced tools that can enable analysis and presentation of scholarly research using temporal and spatial tools;
‣ To engage in free and informal discussion about how these might be employed in your own research;
‣ Inspire and Imagine.
![Page 3: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/3.jpg)
Just so You Know Where I am Coming From‣ Lecture in DH and Manage MA in Digital Arts and
Humanities at University College Cork ‣ Coordinate Digital Humanities between Library, Institute
for Collaborative Research in the Humanities and Schools at Queen’s University Belfast
‣ Lecture in Computer Science / Social Computing Trinity College Dublin
‣ Formerly Managed the Digital Humanities Observatory in Dublin
![Page 4: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/4.jpg)
My Research‣ Social, Economic and Medical History ‣ Specifically ‣ “The Geography of Vice and Drinking” ‣ “Asylum Admittance as a Chosen Survival Strategy” ‣ “Transatlantic Cultural Transfer - Respectful
Communities”
‣ Co-Chair of Space-Time Working Group of NeDIMAH ‣ Member of Information Visualisation Committee of
![Page 5: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/5.jpg)
Case Study: Using a Tree Map to Find Data
![Page 7: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/7.jpg)
Example: Panopticon
Ben Scheiderman and Hard Drive Space
![Page 8: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/8.jpg)
Example: Bachelor’s Degrees 2011
Ben Schmidt, 2013 http://benschmidt.org/Degrees/2011Overview/
![Page 9: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/9.jpg)
Case Study: Occupations of Politicians‣ What are we studying? • Self-declared occupations of politicians
‣ Why? • What bias might they bring to their job?
‣ How? • Visualising past occupation and mapping to political
platform of party affiliated with
![Page 10: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/10.jpg)
Occupations of MPs in the 2nd Canadian Parliament
![Page 11: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/11.jpg)
Occupations of MPs in the 37th Canadian Parliament
![Page 13: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/13.jpg)
The Result/ New Patterns‣ The emergence of the professional politician with no
private sector experience ‣ Occupational continuity across changes in governing
party ‣ http://shawnday.com/research/TreeChart.html
![Page 14: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/14.jpg)
How Else Could this be Done?
![Page 16: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/16.jpg)
The Value of Data Vis for Analysis‣ New ways of presenting allow new ways of seeing ‣ Hidden patterns become evident ‣ Suggest other hypotheses to test for ‣ Good research raises more questions than answers
![Page 17: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/17.jpg)
People demanding more…‣ Interactivity ‣ Involvement ‣ Action ‣ Participation ‣ Web 2.0 … 3.0 …. ‣ Organic Co-Creation ‣ Criticality
‣ McCandless on Data Journalism - The Power of the Visual
![Page 18: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/18.jpg)
Visualising (and Making) Large Collections Accessible‣ 170,000 images from 1938-1945 ‣ Life in America during the Great Depression and WWII ‣ Yale University DH
![Page 21: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/21.jpg)
Case Study: The Time Strip
![Page 22: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/22.jpg)
Visualisation Objective‣ Exploring the ‘ordinary’ lives of rural pioneers/farmers in
nineteenth century Ontario
![Page 23: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/23.jpg)
Canada
![Page 24: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/24.jpg)
Ontario
![Page 25: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/25.jpg)
South Western Ontario
![Page 26: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/26.jpg)
Farm Journal Raw Materials‣ 100s of pages ‣ Varying hands ‣ Varying quality ‣ Columns ‣ No Context
William Sunter Farm Diary, 1858
![Page 27: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/27.jpg)
Medical Diary by BlueChillies
Example: Medical Diary
![Page 28: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/28.jpg)
History flow by Martin Wattenberg and Fernanda Viegas
Example: History Flow
![Page 29: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/29.jpg)
Processing1.Digitisation 2.Text Capture 3.Quality Control 4.Generate word frequency (Voyant, TAPoR) 5.Entity Recognition and Tagging 6.Isolate known farm activities (NLP - LanguageWare) 7.Collocate to link activity references to time, duration, and resources (Voyant)
![Page 30: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/30.jpg)
Digitisation
![Page 31: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/31.jpg)
Text Capture and Quality Control
![Page 33: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/33.jpg)
Entity Recognition and Analysis
http://new.opencalais.com/opencalais-demo/
![Page 34: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/34.jpg)
The Result/ New Patterns
![Page 35: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/35.jpg)
The Result/ New Patterns‣ Less time haying ‣ The impact of technology ‣ More tasks faster
![Page 36: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/36.jpg)
How Else Could this be done?
![Page 37: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/37.jpg)
What is the Value of this Visualisation?‣ Easier to compare over intervals ‣ Multiple vectors with greater granularity in a compressed
space ‣ The challenge is to find rich enough source materials to
yield substantive datasets
![Page 38: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/38.jpg)
Lev Manovich - Software Studies‣ the discipline of data visualisation still rests on practices and forms
developed during the late eighteenth and early nineteenth centuries ‣ Seeing everything at once and navigating, aggregating, processing ‣ Simplify trends by throwing away data to allow for comparative study
– discarding 90% of data to allow us to compare 10%. Manovich has adopted a distinctly different process that asks us to wonder how different things may look when we attempt to work with complete datasets.
‣ Social Media as a playground - Seeing What Others See
![Page 39: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/39.jpg)
A Collection of Images
htt
p:/
/sof
twar
estu
die
s.co
m
![Page 40: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/40.jpg)
Impressions of Impressionists
htt
p:/
/sof
twar
estu
die
s.co
m
https://www.flickr.com/photos/culturevis/
![Page 41: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/41.jpg)
TextPatterns (Reading Entirety)
Anna Karenina Lev2
https://www.flickr.com/photos/culturevis/3385282867/in/album-72157615900916808/
![Page 43: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/43.jpg)
Visualising Time and SpaceThe NeDIMAH Journey and Some New Tools
![Page 44: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/44.jpg)
A Little NeDIMAH Background‣ Objectives: ‣ Knowledge Transfer through focussed sharing of Methods
and Techniques ‣ Identification of Best Practice through Case Studies ‣ Identification and Documentation of Issues facing DH
Scholars in Geospatial and Temporal practise ‣ Established STWG Wiki at inception and used for specific ST
use
![Page 45: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/45.jpg)
NeDIMAH Space and Time‣ Draw together past findings in themes:
‣ Place + Time = Events ‣ Combined with Tools and Methodologies ‣ To explore Networks as conjunctions
![Page 46: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/46.jpg)
Outcomes‣ Other than mapping the ecosystem: people, tools,
methods…
‣ Fluidity ‣ Ambiguity ‣ Standards and Gazetteers ‣ Next Big Thing: Capture Momentum, Velocity, Fluidity,
Trajectory and Intensity In Space and Time
![Page 47: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/47.jpg)
Agenda‣ What is TimelineJS? How is it Being Used? ‣ What is JuxtaposeJS? How is it Being Used? ‣ What is StoryMapJS? How is it Being Used? ‣ What is Story Map? How is it Being Used? ‣ Strengths, Weaknesses & InterOperability ‣ Discussion
![Page 48: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/48.jpg)
First: Let’s Give Something a Try!‣ Social Media enabled - Instagram
snapmap.knightlab.com
![Page 49: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/49.jpg)
So What?
![Page 50: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/50.jpg)
An Intriguing Intersection
kind
red.stan
ford.ed
u
![Page 51: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/51.jpg)
Knight Lab - Northwestern University‣ the Lab makes technology that aims to help make
information meaningful and promotes quality storytelling on the Internet.
‣ technologists, journalists, designers and educators ‣ news media innovation through exploration,
experimentation
![Page 52: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/52.jpg)
Problem‣ Journalism is still struggling with its digitally-focused
future. Technologists are winning at media technology innovation, but they do not understand “journalism.” Worse, many journalists barely understand how the Internet works, let alone how to get the most out of storytelling on the web.
‣ Enter Knight Lab ‣ 8 faculty, 20 + students and 7 staff members
![Page 54: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/54.jpg)
ESRI
![Page 55: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/55.jpg)
ESRI‣ Esri inspires and enables people to positively impact the
future through a deeper, geographic understanding of the changing world around them.
‣ ARCGIS is arguably the deficit standard for Geographic Information Systems in the world today
‣ Proprietary but very Education friendly
![Page 56: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/56.jpg)
Timeline JS
timeline.knightlab.com
![Page 57: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/57.jpg)
Timeline JS‣ TimelineJS is an open-source tool that enables anyone to
build visually,rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet.
‣ Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core look and functionality.
‣ It can pull in media from a variety of sources and has built-in support for Twitter, Flickr, Google Maps, YouTube, Vimeo, Vine, Dailymotion, Wikipedia, SoundCloud and more.
![Page 58: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/58.jpg)
TimelineJS‣ What’s it based on? ‣ What does it do? ‣ How can I use it? ‣ What do I need to use it?
![Page 59: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/59.jpg)
TimeLineJS Case Study‣ Is it graphically pleasing? ‣ Do you know what it is about? ‣ Have you worked with anything like this?
![Page 60: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/60.jpg)
Ingredients for Timeline JS‣ A Google Drive Account ‣ An Online Storage Space for Media ‣ Data ‣ Start and End Dates ‣ Headline ‣ Content ‣ Text ‣ Media
‣ A Conceptual Map
![Page 61: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/61.jpg)
A Recipe for Use (1)
![Page 62: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/62.jpg)
A Recipe for Use (2)
![Page 63: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/63.jpg)
A Recipe for Use (3)
![Page 64: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/64.jpg)
A Recipe for Use (4)
![Page 66: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/66.jpg)
What’s Cool?‣ Knight Labs provides a Wizard and Templates; ‣ Can Embed in your own web page; ‣ Can Embed in a WordPress Blog (Plug-In); ‣ Can choose from a variety of Map Appearances; ‣ Can create a unique and persistent URL; ‣ You can modify appearance as you gain familiarity; ‣ Data is stored on your own service in your own space; ‣ It’s OpenSource.
![Page 67: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/67.jpg)
Tips & tricks1.Keep it short, and write each event as a part of a larger
narrative.
2.Pick stories that have a strong chronological narrative. It does not work well for stories that need to jump around in the timeline (that’s what Storymap JS is for).
3.Include events that build up to major occurrences — not just the major events.
![Page 68: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/68.jpg)
Alternatives
![Page 70: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/70.jpg)
Juxtapose JS‣ JuxtaposeJS helps storytellers compare two pieces of
similar media, including photos, and gifs. It’s ideal for highlighting then/now stories that explain slow changes over time (grown of a city skyline, regrowth of a forest, etc.) or before/after stories that show the impact of single dramatic events (natural disasters, protests, wars, etc.).
‣ It is free, easy to use, and works on all devices. All you need to get started are links to the images you'd like to compare.
![Page 71: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/71.jpg)
Juxtapose JS‣ What’s it based on? ‣ What does it do? ‣ How can I use it? ‣ Who is using it? ‣ What do I need to use it?
![Page 72: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/72.jpg)
Fukashima Nuclear Plant Disaster
![Page 73: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/73.jpg)
Ingredients‣ Satellite Imagery from Different Times ‣ An Online Storage Space for Media ‣ A Conceptual Map for what you want to convey
![Page 74: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/74.jpg)
The Recipe (1)
![Page 75: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/75.jpg)
The Recipe (2)
![Page 76: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/76.jpg)
What’s Cool?‣ It’s OpenSource - You can get the code and go mad with it; ‣ Works well with mobile devices; ‣ Tells a compelling story without words.
![Page 77: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/77.jpg)
Storymap JSstorymap.knightlab.com
![Page 78: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/78.jpg)
StoryMapJS‣ Javascript-based ‣ What does it do? ‣ How can I use it? ‣ Whos is using it? ‣ What else does this? ‣ What do I need to use it?
![Page 80: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/80.jpg)
What is Gigapixel?
![Page 81: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/81.jpg)
What do you need to use Storymap JS‣ A Google account; ‣ Shareable, rich media: ‣ Flickr, ‣ YouTube, ‣ Vimeo, ‣ Twitter ‣ Wikipedia, etc. ‣ A concept/story map
![Page 82: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/82.jpg)
Recipe (1)
![Page 83: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/83.jpg)
Recipe (2)
![Page 84: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/84.jpg)
Recipe (3)
![Page 85: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/85.jpg)
Recipe (4)1
2
3
4 5
![Page 86: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/86.jpg)
Recipe (5)
![Page 87: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/87.jpg)
Recipe (6)
![Page 88: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/88.jpg)
Recipe (7)
![Page 89: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/89.jpg)
A Stunning Example by one of my BAs
![Page 90: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/90.jpg)
A Stunning Example by one of my BAs
![Page 92: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/92.jpg)
What’s Cool about Storymap JS‣ It’s OpenSource; ‣ Easy to use; ‣ Can Deploy on your own site; ‣ Easily deployed into a blog; ‣ Your own your own data.
![Page 93: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/93.jpg)
Tips and Tricks‣ Some browsers work better than others for editing; ‣ It’s trying to do a lot in your browser - watch what you
have running alongside; ‣ It’s evolving - always test before showing - new features,
but also new implementations of things you might take for granted;
![Page 94: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/94.jpg)
ESRI Story Mapshttp://www.arcgis.com/apps/MapTour/?fromScratch
![Page 95: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/95.jpg)
What is Story Map Tour‣ A user experience for place-based narratives ‣ The Story Map Tour app is ideal when you want to
present a linear, place-based narrative featuring images or videos. Each “story point” in the narrative is geo-located. Users have the option of clicking sequentially through the narrative, or they can browse by interacting with the map or using the thumbnail carousel.
![Page 96: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/96.jpg)
ESRI Story Map‣ Where’s It from? ‣ What’s it based on? ‣ What does it do? ‣ How can I use it? ‣ Whos is using it? ‣ What else does this? ‣ What do I need to use it?
![Page 97: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/97.jpg)
EnterTainMaps
![Page 98: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/98.jpg)
Making ESRI Story Maps‣ Tutorial: http://storymaps.arcgis.com/en/app-list/map-
tour/tutorial/
![Page 99: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/99.jpg)
ESRI Map Story Step (1)
![Page 100: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/100.jpg)
ESRI Map Story Step (2)
![Page 101: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/101.jpg)
ESRI Map Story Step (3)
![Page 102: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/102.jpg)
ESRI Map Story Step (4)
![Page 103: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/103.jpg)
ESRI Map Story Step (5)
![Page 104: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/104.jpg)
ESRI Map Story Step (6)
![Page 105: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/105.jpg)
ESRI Map Story Step (7/8)
![Page 106: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/106.jpg)
What’s Cool about Story Maps Tour‣ Very robust; ‣ Well supported; ‣ Industrial Strength ‣ Versatile
![Page 107: Data Vis for Transylvania DH](https://reader030.vdocuments.us/reader030/viewer/2022032421/55a6335f1a28ab77488b46f6/html5/thumbnails/107.jpg)
Summarising‣ Neatline ‣ Verité TimeLine ‣ Exhibit
‣ Flexibility ‣ Level of Development ‣ Cost ‣ Data Sharing
‣ Timeline JS ‣ Juxtapose JS ‣ Storymap JS ‣ ESRI Story Map Tour