visualization
notes

Erik Champion
nzerik@gmail.com
visualization is creative

•

Problem: A farmer was not allowed to build a barn to
shelter his houses.

•

Solution: He was allowed to build furniture.
Visualization informs

medieval helpdesk
http://www.youtube.com/watch?v=0Cd7Bsp3dDo&feature=related
Visualization Centre failures
Lack

of communication with own staff or to public.
Affected by political legacies.
Funding not competitive, lack of kick start funds.
Locked into expensive inflexible equipment.
Intellectual capital hard to replace.
Lack of ongoing training.
Inability to define successful outcomes.
10 Sci-Fi Predictions That Became
Science Fact

http://www.youtube.com/watch?v=GiMzZ8-Ebq0
Data, art or science viz
•

http://www.perceptualedge.com/blog/?p=1245

•

http://www.thecrimson.com/article/2011/4/19/aiweiwei-divineco

•

http://eagereyes.org/criticism/definition-of-visualization

•

what happens when data conflicts?
http://www.scientificamerican.com/article.cfm?id=voyager1-send
New media, new heritage
Virtual heritage is the attempt to convey not just the
appear-ance but also the meaning and significance of cultural
artefacts and the associated social agency that designed and
used them, through the use of interactive and immersive
digital media.
• New media: the act of reshaping the user experience
through the innovative use of digital media.
• New heritage: re-examine the user experience that digital media can provide for the understanding and
experiencing of tangible and intangible cultural heritage
•

•

Erik Champion, in Y. E. Kalay, T. Kvan, & J. Affleck, New Heritage: new media and cultural heritage. New York: Routledge,
2008.
•

Digital Humanities: not just text..(or images, e.g.
http://orbis.stanford.edu/)
Discover Ancient

Rome in

Google Earth
http://www.youtube.com/watch?v=
Image:
http://www.virtualtripping.com/goo
2008

http://cunydhi.commons.gc.cuny.edu/2012/10/08/october-24-bernard-frischer-on-modeling-the-past/
http://publicVR.org
Virtual Distance Learning
Classroom
•

Creates 3-D avatars using the infrared
depth sensor in Microsoft’s Kinect
sensor.

•

Distance units are the same in the
virtual classroom and the real world,
so taking a step forward on camera
translates to a step of the same size
online.

•

Avatars can also interact with virtual
objects.
Mixed Reality

http://virtual.vtt.fi/virtual/proj2/multimedia/projects/
http://ael.gatech.edu/lab/research/arsecondlife
mrconference.html
/
3D in Libraries
to read books

http://www.ntnu.no/ub/omubit/bibliotekene/gunner http://www.youtube.com/watch?v=LpSP2ojWtIs&feat
us-1/mubil
Internet Librarian: 50 Great Mobile Apps for L
46%

of American adults own smart phones. By 2016, 10
billion will be in use worldwide. By the year 2013 there will
be 81.4 billion apps.
The average download of apps per device is 51.
The average time spent on apps per day is 81 minutes.
80% of people continue to work after leaving the office. 
68% check email before 8am in the morning.
50% of them check their work email while they’re still in
bed.
http://librarianinblack.net/librarianinblack/2012/10/mobileapps.h
http://50apps.weebly.com/
Simple Tools for Digital
Humanists
•

textizen is mobile-turning the survey into a kind of chat

•

textal.org: a free smartphone app for text analysis

•

Omeka: Create complex narratives and share rich
collections, adhering to Dublin Core standards with Omeka
on your server, designed for scholars, museums, libraries,
archives, and enthusiasts.

•

Neatline allows scholars, students, and curators to tell
stories with maps and timelines.
Writing History in the Digital
Age

http://writinghistory.trincoll.edu/2012/10/approved/
Paper machines
Text analysis tools (e.g. Wolfram|Alpha)

http://www.wolframalpha.com/about.html
http://kindred.stanford.edu/
History pin
•

Pin your history to the world. 192,682 photos, videos, audio clips and
stories pinned so far.

•

http://www.historypin.com/
Interactive Graphic Novel by Museum of
London, iOS app, audio, maps

http://www.museumoflondon.org.uk/Resources/app/Dicken
crowdsourced music gui
WYSWYG or HTML slides

http://lab.hakim.se/reveal-js/#/1
HTML 5
•
•
•
•
•
•

http://mudcu.be/sketchpad/
tutorial 
http://www.html5rocks.com/en/mobile/cross-device/
msdn and touchscreen
http://msdn.microsoft.com/en-us/hh563503.aspx
with flash 
http://www.2morodocs.com/2010/05/think-outside-the-comput
html 5 game examples 
http://html5games.com/category/iphoneipadmobile/
html 5 drawing on an iPad
http://tenderlovingcode.com/blog/web-apps/html5-canvas-dr
Personalized online art projects
https://www.rijksmuseum.nl/en/rijksstudio
http://www.zeutch.com/photo/past-and-present-42618
À travers un véritable travail d’archiviste, l’artiste Jo Teeuwisse a tenté de remettre dans
le contexte actuel des images datant de la Seconde Guerre mondiale en France. Un très
beau travail de mémoire, entre passé et présent.
Articles (RSS) - ©2012 Zeutch - Création : RATEL Yannick
Self-made remixable games
Become

an inventor with this easy-touse touch creation app.

Customize

your designs with color
and then set them in motion as you
add elements of physics, gravity and
velocity to your creations.
In Creatorverse, your designs set in
motion can take on unexpected paths
and attributes, including bounciness,
density, friction, speed and force.
http://www.creatorverse.com/
http://kotaku.com/5954128/forget-playing-games-everyone-needs-to-make-games
Popcorn Maker enhance, remix and share web video. Use your web browser to combi
Free or Open Data
 Tim

Berners-Lee
http://www.wired.co.uk/news/archive/2012-11/09/raw-data

 When

governments begin to release data openly
on the web, the growing movement of hackers
and activists and even internal government
agencies and corporations, can begin to use the
previously unconnected and undissected numbers,
images and graphs to create new ways for you to
access valuable new information.
 The Ghana Open Data Initiative (GODI) just held
Ghana's first data bootcamp, bringing together
journalists and developers to find, extract and
analyse public data to tell better informed news
stories.
 http://www.thewebindex.org/
 http://www.theodi.org/
Free or Open Data

http://www.slideshare.net/JuryKonga/open-data-new-real

http://www.pbs.org/idealab/2012/11/how-openspending-i

http://www.smartplanet.com/blog/bulletin/how-open-sou

(VP, Nike, Financial Times Innovate 2012 conference)
http://mashable.com/2012/11/07/open-data-city-apps/
http://openspending.org/
•

Explore existing
spending
datasets

•

Upload and
share a financial
dataset

•

Make your own
budget
monitoring site
Creative Hacking
•

http://nearsomething.com/

http://nearsomething.com
Shows Danish cultural heritage sites and objects near you,
on your phone
Winning Hackathon project at Royal Library Copenhagen
http://www.cdh.ucla.edu/instruction/dhcourses.html

What is Digital Humanities?
UCL

Centre for Digital Humanities “at the
intersection of digital technologies and humanities.”
http://www.ucl.ac.uk/dh
UCLA DH “interprets the cultural and social impact
of new media and information technologies—the
fundamental components of the new information age
—as well as creates and applies these technologies to
answer cultural, social, historical, and philological
questions, both those traditionally conceived and those
only enabled by new technologies.”
http://www.cdh.ucla.edu/about/what-is.html
A Survey of US Digital Humanities Centers
Where new media and technologies are used for humanities-based research, teaching, and
intellectual engagement and experimentation. The goals of the center are to further
humanities scholarship, create new forms of knowledge, and explore technology’s
impact on humanities based disciplines.
 builds digital collections as scholarly or teaching resources;
 creates tools for
•

authoring (i.e., creating multimedia products and applications with minimal technical knowledge or training)
◦ building digital collections
◦ analyzing humanities collections, data, or research processes
◦

managing the research process;
 departments uses digital collections and analytical tools to generate new intellectual products;
 offers digital humanities training
 conducts research in humanities and humanities computing (digital scholarship);
 offers lectures, programs, conferences, or seminars on digital humanities topics for general or academic audiences;
 has its own academic appointments and staffing
 creates a zone of experimentation and innovation for humanists;
 serves as an information portal for a particular humanities discipline;
 serves as a repository for humanities-based digital collections
 provides technology solutions to humanities.
by Diane M. Zorich, November 2008
◦

http://www.clir.org/pubs/reports/pub143/pub143.pdf
DH Questions
•

How can DH re-examine Humanities?

•

What is a DH community?

•

What has value to scholars beyond 5 years?

•

What makes for high quality DH projects?

•

NOW, which tools and services are needed?

•

New ways of working between disciplines still vague?
Some tools part 1
http://www.chromeexperiments.com/

http://www.ludoscience.com/EN/blog/634-Craftyy-an-online-tool-geared-to
Europeana

technical slides
http://t-pen.org/TPEN/ T‑PEN is a web-based tool for working with
images of manuscripts. Users attach transcription data (new or
uploaded) to the actual lines of the original manuscript in a simple,
flexible interface.
http://www.textal.org/ to help scholars design wordclouds and produce
statistics
http://dirt.projectbamboo.org/ directory of DH tools
http://selection.datavisualization.ch/ data viz tools
http://www.cassiopeiaproject.com/videos2.php hi-def science videos
http://digitalhumanities.org/centernet/resources/tools/
Some tools part 2
 http://humanexperience.stanford.edu/digital_humanities
 http://www.esri.com/software/mapping-for-everyone/
 http://neatline.org/

stories via maps http://hotchkiss.scholarslab.org/neatlineexhibits/show/battle-of-chancellorsville/fullscreen
 AR see esp Volkswagen http://econsultancy.com/uk/blog/9842-seven-awesome-augmentedreality-campaigns
 Toozla: AR AUDIO browser http://www.augmentedplanet.com/2009/12/the-worlds-first-audioaugmented-reality-browser/
 HTML 5 movie threader http://evelyn-interactive.searchingforabby.com/
 Crowd tagging and the museum http://www.imamuseum.org/page/collection-tags
 http://pleiades.stoa.org/ A community-built gazetteer and graph of ancient places (nb The
Geographic Annotation Platform)
 Epics, e-learning platform for digital heritage http://vimeo.com/33711147
 papermachines http://papermachines.org/ OR scalar media rich platform publishing
http://scalar.usc.edu/
 3D SLOODLE - Simulation Linked Object Oriented Dynamic Learning Environment
Digital Humanities
The

most important skill is critical thinking
We say this a lot but don’t do much about it. Here’s what we need: courses
in informal logic, so students can recognize fallacies in public discourse; in
economic theory, since economists think they rule the world, and politicians
believe them; and in computer programming, because you can’t see the
biases of the system unless you know how it was coded..the widespread
view that technology is value-neutral, inevitable and always here to help,
needs to be exposed as the dangerous ideology it is.
Mark Kingwell
Erik

Champion
email nzerik@gmail.com
Or erik.champion@curtin.edu.au
Or visit http://erikchampion.wordpress.com/

Visualization notes

  • 1.
  • 2.
    visualization is creative • Problem:A farmer was not allowed to build a barn to shelter his houses. • Solution: He was allowed to build furniture.
  • 4.
  • 5.
    Visualization Centre failures Lack ofcommunication with own staff or to public. Affected by political legacies. Funding not competitive, lack of kick start funds. Locked into expensive inflexible equipment. Intellectual capital hard to replace. Lack of ongoing training. Inability to define successful outcomes.
  • 6.
    10 Sci-Fi PredictionsThat Became Science Fact http://www.youtube.com/watch?v=GiMzZ8-Ebq0
  • 7.
    Data, art orscience viz • http://www.perceptualedge.com/blog/?p=1245 • http://www.thecrimson.com/article/2011/4/19/aiweiwei-divineco • http://eagereyes.org/criticism/definition-of-visualization • what happens when data conflicts? http://www.scientificamerican.com/article.cfm?id=voyager1-send
  • 8.
    New media, newheritage Virtual heritage is the attempt to convey not just the appear-ance but also the meaning and significance of cultural artefacts and the associated social agency that designed and used them, through the use of interactive and immersive digital media. • New media: the act of reshaping the user experience through the innovative use of digital media. • New heritage: re-examine the user experience that digital media can provide for the understanding and experiencing of tangible and intangible cultural heritage • • Erik Champion, in Y. E. Kalay, T. Kvan, & J. Affleck, New Heritage: new media and cultural heritage. New York: Routledge, 2008.
  • 9.
    • Digital Humanities: notjust text..(or images, e.g. http://orbis.stanford.edu/) Discover Ancient Rome in Google Earth http://www.youtube.com/watch?v= Image: http://www.virtualtripping.com/goo 2008 http://cunydhi.commons.gc.cuny.edu/2012/10/08/october-24-bernard-frischer-on-modeling-the-past/
  • 10.
  • 11.
    Virtual Distance Learning Classroom • Creates3-D avatars using the infrared depth sensor in Microsoft’s Kinect sensor. • Distance units are the same in the virtual classroom and the real world, so taking a step forward on camera translates to a step of the same size online. • Avatars can also interact with virtual objects.
  • 12.
  • 13.
    3D in Libraries toread books http://www.ntnu.no/ub/omubit/bibliotekene/gunner http://www.youtube.com/watch?v=LpSP2ojWtIs&feat us-1/mubil
  • 14.
    Internet Librarian: 50Great Mobile Apps for L 46% of American adults own smart phones. By 2016, 10 billion will be in use worldwide. By the year 2013 there will be 81.4 billion apps. The average download of apps per device is 51. The average time spent on apps per day is 81 minutes. 80% of people continue to work after leaving the office.  68% check email before 8am in the morning. 50% of them check their work email while they’re still in bed. http://librarianinblack.net/librarianinblack/2012/10/mobileapps.h http://50apps.weebly.com/
  • 15.
    Simple Tools forDigital Humanists • textizen is mobile-turning the survey into a kind of chat • textal.org: a free smartphone app for text analysis • Omeka: Create complex narratives and share rich collections, adhering to Dublin Core standards with Omeka on your server, designed for scholars, museums, libraries, archives, and enthusiasts. • Neatline allows scholars, students, and curators to tell stories with maps and timelines.
  • 16.
    Writing History inthe Digital Age http://writinghistory.trincoll.edu/2012/10/approved/
  • 17.
  • 18.
    Text analysis tools(e.g. Wolfram|Alpha) http://www.wolframalpha.com/about.html
  • 20.
  • 21.
    History pin • Pin yourhistory to the world. 192,682 photos, videos, audio clips and stories pinned so far. • http://www.historypin.com/
  • 22.
    Interactive Graphic Novelby Museum of London, iOS app, audio, maps http://www.museumoflondon.org.uk/Resources/app/Dicken
  • 23.
  • 24.
    WYSWYG or HTMLslides http://lab.hakim.se/reveal-js/#/1
  • 25.
    HTML 5 • • • • • • http://mudcu.be/sketchpad/ tutorial  http://www.html5rocks.com/en/mobile/cross-device/ msdn andtouchscreen http://msdn.microsoft.com/en-us/hh563503.aspx with flash  http://www.2morodocs.com/2010/05/think-outside-the-comput html 5 game examples  http://html5games.com/category/iphoneipadmobile/ html 5 drawing on an iPad http://tenderlovingcode.com/blog/web-apps/html5-canvas-dr
  • 27.
    Personalized online artprojects https://www.rijksmuseum.nl/en/rijksstudio
  • 28.
    http://www.zeutch.com/photo/past-and-present-42618 À travers unvéritable travail d’archiviste, l’artiste Jo Teeuwisse a tenté de remettre dans le contexte actuel des images datant de la Seconde Guerre mondiale en France. Un très beau travail de mémoire, entre passé et présent. Articles (RSS) - ©2012 Zeutch - Création : RATEL Yannick
  • 29.
    Self-made remixable games Become aninventor with this easy-touse touch creation app. Customize your designs with color and then set them in motion as you add elements of physics, gravity and velocity to your creations. In Creatorverse, your designs set in motion can take on unexpected paths and attributes, including bounciness, density, friction, speed and force. http://www.creatorverse.com/ http://kotaku.com/5954128/forget-playing-games-everyone-needs-to-make-games
  • 30.
    Popcorn Maker enhance,remix and share web video. Use your web browser to combi
  • 32.
    Free or OpenData  Tim Berners-Lee http://www.wired.co.uk/news/archive/2012-11/09/raw-data  When governments begin to release data openly on the web, the growing movement of hackers and activists and even internal government agencies and corporations, can begin to use the previously unconnected and undissected numbers, images and graphs to create new ways for you to access valuable new information.  The Ghana Open Data Initiative (GODI) just held Ghana's first data bootcamp, bringing together journalists and developers to find, extract and analyse public data to tell better informed news stories.  http://www.thewebindex.org/  http://www.theodi.org/
  • 33.
    Free or OpenData http://www.slideshare.net/JuryKonga/open-data-new-real http://www.pbs.org/idealab/2012/11/how-openspending-i http://www.smartplanet.com/blog/bulletin/how-open-sou (VP, Nike, Financial Times Innovate 2012 conference) http://mashable.com/2012/11/07/open-data-city-apps/
  • 34.
    http://openspending.org/ • Explore existing spending datasets • Upload and sharea financial dataset • Make your own budget monitoring site
  • 36.
    Creative Hacking • http://nearsomething.com/ http://nearsomething.com Shows Danishcultural heritage sites and objects near you, on your phone Winning Hackathon project at Royal Library Copenhagen
  • 37.
    http://www.cdh.ucla.edu/instruction/dhcourses.html What is DigitalHumanities? UCL Centre for Digital Humanities “at the intersection of digital technologies and humanities.” http://www.ucl.ac.uk/dh UCLA DH “interprets the cultural and social impact of new media and information technologies—the fundamental components of the new information age —as well as creates and applies these technologies to answer cultural, social, historical, and philological questions, both those traditionally conceived and those only enabled by new technologies.” http://www.cdh.ucla.edu/about/what-is.html
  • 38.
    A Survey ofUS Digital Humanities Centers Where new media and technologies are used for humanities-based research, teaching, and intellectual engagement and experimentation. The goals of the center are to further humanities scholarship, create new forms of knowledge, and explore technology’s impact on humanities based disciplines.  builds digital collections as scholarly or teaching resources;  creates tools for • authoring (i.e., creating multimedia products and applications with minimal technical knowledge or training) ◦ building digital collections ◦ analyzing humanities collections, data, or research processes ◦ managing the research process;  departments uses digital collections and analytical tools to generate new intellectual products;  offers digital humanities training  conducts research in humanities and humanities computing (digital scholarship);  offers lectures, programs, conferences, or seminars on digital humanities topics for general or academic audiences;  has its own academic appointments and staffing  creates a zone of experimentation and innovation for humanists;  serves as an information portal for a particular humanities discipline;  serves as a repository for humanities-based digital collections  provides technology solutions to humanities. by Diane M. Zorich, November 2008 ◦ http://www.clir.org/pubs/reports/pub143/pub143.pdf
  • 39.
    DH Questions • How canDH re-examine Humanities? • What is a DH community? • What has value to scholars beyond 5 years? • What makes for high quality DH projects? • NOW, which tools and services are needed? • New ways of working between disciplines still vague?
  • 40.
    Some tools part1 http://www.chromeexperiments.com/ http://www.ludoscience.com/EN/blog/634-Craftyy-an-online-tool-geared-to Europeana technical slides http://t-pen.org/TPEN/ T‑PEN is a web-based tool for working with images of manuscripts. Users attach transcription data (new or uploaded) to the actual lines of the original manuscript in a simple, flexible interface. http://www.textal.org/ to help scholars design wordclouds and produce statistics http://dirt.projectbamboo.org/ directory of DH tools http://selection.datavisualization.ch/ data viz tools http://www.cassiopeiaproject.com/videos2.php hi-def science videos http://digitalhumanities.org/centernet/resources/tools/
  • 41.
    Some tools part2  http://humanexperience.stanford.edu/digital_humanities  http://www.esri.com/software/mapping-for-everyone/  http://neatline.org/ stories via maps http://hotchkiss.scholarslab.org/neatlineexhibits/show/battle-of-chancellorsville/fullscreen  AR see esp Volkswagen http://econsultancy.com/uk/blog/9842-seven-awesome-augmentedreality-campaigns  Toozla: AR AUDIO browser http://www.augmentedplanet.com/2009/12/the-worlds-first-audioaugmented-reality-browser/  HTML 5 movie threader http://evelyn-interactive.searchingforabby.com/  Crowd tagging and the museum http://www.imamuseum.org/page/collection-tags  http://pleiades.stoa.org/ A community-built gazetteer and graph of ancient places (nb The Geographic Annotation Platform)  Epics, e-learning platform for digital heritage http://vimeo.com/33711147  papermachines http://papermachines.org/ OR scalar media rich platform publishing http://scalar.usc.edu/  3D SLOODLE - Simulation Linked Object Oriented Dynamic Learning Environment
  • 42.
    Digital Humanities The most importantskill is critical thinking We say this a lot but don’t do much about it. Here’s what we need: courses in informal logic, so students can recognize fallacies in public discourse; in economic theory, since economists think they rule the world, and politicians believe them; and in computer programming, because you can’t see the biases of the system unless you know how it was coded..the widespread view that technology is value-neutral, inevitable and always here to help, needs to be exposed as the dangerous ideology it is. Mark Kingwell Erik Champion email nzerik@gmail.com Or erik.champion@curtin.edu.au Or visit http://erikchampion.wordpress.com/