SlideShare a Scribd company logo
1 of 59
A Cultural History of Data Visualization; or,
The Long Arc of Visual Display

Yale University
Digital Humanities Working Group
February 27, 2014
Lauren F. Klein
Georgia Institute of Technology
lauren.klein@lmc.gatech.edu
http://feltron.com/
Nick Felton, The 2006 Feltron Annual Report
http://feltron.com/ar06_01.html
Nick Felton, The 2012 Feltron Annual Report
http://feltron.com/ar12_04.html
http://daytum.com/
Nick Felton, The 2012 Feltron Annual Report
http://feltron.com/ar12_04.html
http://theyrule.net/
http://hint.fm/wind/
Paul Rucker, Proliferation
http://paulrucker.com/projects/proliferation/
S.W.A.M.P Collective
Spore 1.1
“Graphics reveal data” (13).
From The Works of the Honorable
Robert Boyle (1744)
http://dhdebates.gc.cuny.edu/debates/text/18
Joseph Priestley, A New Chart of History (1769)
“If the reader carry his eye vertically, he will see the contemporary state of all the empires
subsisting in the world, at any particular time. He may observe which were then rising, which
were flourishing, and which were upon the decline. Casting his eye a little on each side of the
vertical line, he will see what empires had lately gone off the stage, and which were about to
come on.”
Thomas Jeffreys, A Chart of Universal History (1753)
Nicolas Lenglet du Fresnoy, Tables chronologiques de l’histoire universelle (1729)
Visualization as “Cognitive Enhancement”
•
•
•
•
•
•

Increased memory / processing resources
Reduced search time
Enhanced pattern recognition
Perceptual inference (much faster than logical)
Use of perceptual attention mechanisms for
monitoring
Encoding information in a manipulable form
-- Stuart Card et al., Readings in Information
Visualization: Using Vision to Think (Morgan
Kaufman, 1999)
h/t to Chris Sula for the reference
William Playfair, from The Commercial and Political Atlas (1786)
“On inspecting any one of these Charts attentively, a sufficiently distinct impression
will be made, to remain unimpaired for a considerable time, and the idea which does
remain will be simple and complete.”
William Playfair, from An Inquiry into the Permanent Cause of the Decline and Fall of
Wealthy and Powerful Nations (1805)
William Playfair, “CHART, Shewing at One View The Price of The Quarter of Wheat, &
Wages of Labour by the Week, from The Year 1565 to 1821” (1822)
“The minds of men, the boundaries of nations, their laws and
relations with each other, are all in a state of change, and
commerce must feel the consequences of those events of
which it has been a principal cause.
“Should those revolutions and partitions already effected, or
about to be attempted, produce, as usual, political
fermentation in proportion to their importance, Europe may
probably be convulsed with war for fifty years to come. The
last century has been the century of arts and commerce, this
newly commenced may then be that of war and contention. If
it turns out so, a picture of the past will be a valuable thing, if,
on the contrary, commerce should continue its progress, this
will make the first part of a great whole, which, when
completed on some future day, will be a most valuable work.”
“It is not only of importance that this species of information
should be handed down, but also that it should go down in
such a form and manner as that any person might even,
though a native of another country, understand the nature of
the business delineated.”
William Playfair, “Preface to the Third Edition,” The Commercial and Political
Atlas, 3rd edition (1801).
Emma Willard, Temple of Time (1846)
http://blogs.princeton.edu/rarebooks/2008/12/standing_within_the_temple_of.html
Emma Willard, Temple of Time (1846)
http://blogs.princeton.edu/rarebooks/2008/12/standing_within_the_temple_of.html
William Rankin
Vine of Liberty (1849)
William Rankin
Vine of Liberty (1849)
Consult American Antiquarian Society for image.

Diagram and Statistical Record of the Signers of the Declaration of Independence (1858)
Source: American Antiquarian Society
Gregor Aisch
Data Insights: A Visualization
Visualization  insight
•

“We discover unimagined effects, and we challenge imagined
ones.”
--William Cleveland, Visualizing Data (1993)
Visualization  insight
•

•

“We discover unimagined effects, and we challenge imagined
ones.”
--William Cleveland, Visualizing Data (1993)
“I see it now. Aha!”
--Martin Wattenberg, on data visualization (2007)
Visualization  insight
•

•

•

“We discover unimagined effects, and we challenge imagined
ones.”
--William Cleveland, Visualizing Data (1993)
“I see it now. Aha!”
--Martin Wattenberg, on data visualization (2007)
It “forces” us to see.
--Stephen Ramsay, “In Praise of Pattern” (1995).
Thomas Jefferson
1783 Catalog of Books
Thomas Jefferson, Notes on the State of
Virginia (1787 edition)
“A Comparative View of the
Quadrupeds of Europe and of
America.” Notes on the State
of Virginia (1781-5)
“Vegetables.” Notes on the
State of Virginia (1781-5)
“Birds of Virginia.” Notes on the
State of Virginia (1781-5)
A page of Thomas Jefferson’s
Farm-book, ca. 1774.
A page of Thomas Jefferson’s
Farm-book, ca. 1774.
Thomas Jefferson,
“Agreement with James
Hemings” (1793)
http://rotunda.upress.virginia.edu
/founders/default.xqy?keys=TSJNinfo-search
http://rotunda.upress.virginia.edu
/founders/TSJN-01-27-02-0127
David Sparks, “How Congress Uses Twitter”
http://www.psmag.com/politics/how-congress-uses-twitter-16338/
TOME: Interactive TOpic Model and MEtadata Visualization
Lauren Klein and Jacob Eisenstein, co-PIs
Image by Iris Sun
Mark Hansen and Ben Rubin
Movable Type
How to tell a new story …
… in space:
• Where did events take place, or objects originate?
• How did people, objects, or ideas circulate?
• What is the composition of a place (real or imagined)?
Tools
•
•
•
•
•
•

Google Maps
Geocommons
Neatline
HyperCities
OpenLayers
ArcGIS

Mitch Fraas, Mapping Books
http://mappingbooks.blogspot.com/
How to tell a new story …
… over time:
• How did an event (or sequence of events) unfold?
• How did an idea (or sequence of ideas) develop?
• What were the touchpoints of a particular movement?
Tools
•
•
•
•
•

Dipity
Timeline.js
Neatline
TimeFlow
TimelineSetter

David McClure, The Battle of Chancellorsville
http://hotchkiss.neatline.org/neatlineexhibits/show/battle-of-chancellorsville/
How to tell a new story …
… across networks:
• How were people connected?
• How did content travel?
• Through what pathways were ideas exchanged?
Tools
•
•
•
•
•

Circos
Gephi
Cytoscape
NodeXL
D3.js

Northeastern University NULab, Viral Texts
http://www.viraltexts.org/
How to tell a new story …
… about language:
• How often does a certain word, phrase, or theme appear?
• When did a certain word, phrase, or theme become prevalent?
• What are the most common themes in an archive?
Tools
•
•
•
•
•
•

Wordle
ManyEyes
Google Ngram Viewer
Voyant
WordSeer
MALLET

Sarah Lohman, Nutmeg, Mace, Cinnamon, Clove
http://www.fourpoundsflour.com/the-gallerydata-visualization-of-a-timeline-of-taste/
How to tell a new story …
… through charts:
•
•
•
•
•
•
•

Visual.ly
Piktochart
Infogr.am
Many Eyes
Tableau Public (PC only)
Google Fusion Tables
D3.js

Also, tools for preparing/cleaning data:
•
•
•

Microsoft Excel (w/ search/replace)
Data Wrangler
Google Refine
Visualizing Advocacy
https://visualisingadvocacy.org/resources/visualisationtools
A Carefully Selected List of Recommended Tools
http://selection.datavisualization.ch/
A Cultural History of Data Visualization; or,
The Long Arc of Visual Display

Yale University
Digital Humanities Working Group
February 27, 2014
Lauren F. Klein
Georgia Institute of Technology
lauren.klein@lmc.gatech.edu

More Related Content

Similar to Yale Digital Humanities Working Group

Assignment 8 - Final Essay
Assignment 8 - Final EssayAssignment 8 - Final Essay
Assignment 8 - Final Essay
tmannino33
 
View Of America Essay
View Of America EssayView Of America Essay
View Of America Essay
Mariah Stout
 

Similar to Yale Digital Humanities Working Group (20)

The Long Arc of Visual Display
The Long Arc of Visual DisplayThe Long Arc of Visual Display
The Long Arc of Visual Display
 
Viz workshop
Viz workshopViz workshop
Viz workshop
 
Feminist Data Visualization
Feminist Data VisualizationFeminist Data Visualization
Feminist Data Visualization
 
APIDays 2018 - Artificial Intelligence APIs - A roadmap to psychohistory
APIDays 2018 - Artificial Intelligence APIs - A roadmap to psychohistoryAPIDays 2018 - Artificial Intelligence APIs - A roadmap to psychohistory
APIDays 2018 - Artificial Intelligence APIs - A roadmap to psychohistory
 
Choosing A Career Essay Essay On Choosing A Care
Choosing A Career Essay Essay On Choosing A CareChoosing A Career Essay Essay On Choosing A Care
Choosing A Career Essay Essay On Choosing A Care
 
Democracy & Philanthropy: The Rockefeller Foundation and the American Experiment
Democracy & Philanthropy: The Rockefeller Foundation and the American ExperimentDemocracy & Philanthropy: The Rockefeller Foundation and the American Experiment
Democracy & Philanthropy: The Rockefeller Foundation and the American Experiment
 
Forum Journal (Summer 2014): How To Determine Your New Period of Significance...
Forum Journal (Summer 2014): How To Determine Your New Period of Significance...Forum Journal (Summer 2014): How To Determine Your New Period of Significance...
Forum Journal (Summer 2014): How To Determine Your New Period of Significance...
 
Write My Essay Online For Cheap - Essay Describing
Write My Essay Online For Cheap - Essay DescribingWrite My Essay Online For Cheap - Essay Describing
Write My Essay Online For Cheap - Essay Describing
 
Silent Weapons for Quiet Wars by Bilderberg
Silent Weapons for Quiet Wars by BilderbergSilent Weapons for Quiet Wars by Bilderberg
Silent Weapons for Quiet Wars by Bilderberg
 
Silent Weapons for Quiet Wars
Silent Weapons for Quiet WarsSilent Weapons for Quiet Wars
Silent Weapons for Quiet Wars
 
Assignment 8 - Final Essay
Assignment 8 - Final EssayAssignment 8 - Final Essay
Assignment 8 - Final Essay
 
Impossible and necessary
Impossible and necessaryImpossible and necessary
Impossible and necessary
 
Easyjet Customer Service Essay
Easyjet Customer Service EssayEasyjet Customer Service Essay
Easyjet Customer Service Essay
 
The Future is Here - San Antonio--world class innovation since 1745
The Future is Here - San Antonio--world class innovation since 1745The Future is Here - San Antonio--world class innovation since 1745
The Future is Here - San Antonio--world class innovation since 1745
 
Putting History on the Map with Calisphere - CCSS 2011
Putting History on the Map with Calisphere - CCSS 2011Putting History on the Map with Calisphere - CCSS 2011
Putting History on the Map with Calisphere - CCSS 2011
 
View Of America Essay
View Of America EssayView Of America Essay
View Of America Essay
 
1. looking to learn naea 2011
1. looking to learn naea 20111. looking to learn naea 2011
1. looking to learn naea 2011
 
Futures Studies Timeline
Futures Studies TimelineFutures Studies Timeline
Futures Studies Timeline
 
Lined Writing Paper With Drawing Box Writing Pap
Lined Writing Paper With Drawing Box  Writing PapLined Writing Paper With Drawing Box  Writing Pap
Lined Writing Paper With Drawing Box Writing Pap
 
Roberta Bondar Essay
Roberta Bondar EssayRoberta Bondar Essay
Roberta Bondar Essay
 

Recently uploaded

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 

Yale Digital Humanities Working Group

  • 1. A Cultural History of Data Visualization; or, The Long Arc of Visual Display Yale University Digital Humanities Working Group February 27, 2014 Lauren F. Klein Georgia Institute of Technology lauren.klein@lmc.gatech.edu
  • 2.
  • 3.
  • 4.
  • 6. Nick Felton, The 2006 Feltron Annual Report http://feltron.com/ar06_01.html
  • 7. Nick Felton, The 2012 Feltron Annual Report http://feltron.com/ar12_04.html
  • 9. Nick Felton, The 2012 Feltron Annual Report http://feltron.com/ar12_04.html
  • 15. From The Works of the Honorable Robert Boyle (1744)
  • 17. Joseph Priestley, A New Chart of History (1769)
  • 18. “If the reader carry his eye vertically, he will see the contemporary state of all the empires subsisting in the world, at any particular time. He may observe which were then rising, which were flourishing, and which were upon the decline. Casting his eye a little on each side of the vertical line, he will see what empires had lately gone off the stage, and which were about to come on.”
  • 19. Thomas Jeffreys, A Chart of Universal History (1753)
  • 20. Nicolas Lenglet du Fresnoy, Tables chronologiques de l’histoire universelle (1729)
  • 21. Visualization as “Cognitive Enhancement” • • • • • • Increased memory / processing resources Reduced search time Enhanced pattern recognition Perceptual inference (much faster than logical) Use of perceptual attention mechanisms for monitoring Encoding information in a manipulable form -- Stuart Card et al., Readings in Information Visualization: Using Vision to Think (Morgan Kaufman, 1999) h/t to Chris Sula for the reference
  • 22. William Playfair, from The Commercial and Political Atlas (1786)
  • 23. “On inspecting any one of these Charts attentively, a sufficiently distinct impression will be made, to remain unimpaired for a considerable time, and the idea which does remain will be simple and complete.”
  • 24. William Playfair, from An Inquiry into the Permanent Cause of the Decline and Fall of Wealthy and Powerful Nations (1805)
  • 25. William Playfair, “CHART, Shewing at One View The Price of The Quarter of Wheat, & Wages of Labour by the Week, from The Year 1565 to 1821” (1822)
  • 26. “The minds of men, the boundaries of nations, their laws and relations with each other, are all in a state of change, and commerce must feel the consequences of those events of which it has been a principal cause. “Should those revolutions and partitions already effected, or about to be attempted, produce, as usual, political fermentation in proportion to their importance, Europe may probably be convulsed with war for fifty years to come. The last century has been the century of arts and commerce, this newly commenced may then be that of war and contention. If it turns out so, a picture of the past will be a valuable thing, if, on the contrary, commerce should continue its progress, this will make the first part of a great whole, which, when completed on some future day, will be a most valuable work.” “It is not only of importance that this species of information should be handed down, but also that it should go down in such a form and manner as that any person might even, though a native of another country, understand the nature of the business delineated.” William Playfair, “Preface to the Third Edition,” The Commercial and Political Atlas, 3rd edition (1801).
  • 27. Emma Willard, Temple of Time (1846) http://blogs.princeton.edu/rarebooks/2008/12/standing_within_the_temple_of.html
  • 28. Emma Willard, Temple of Time (1846) http://blogs.princeton.edu/rarebooks/2008/12/standing_within_the_temple_of.html
  • 29. William Rankin Vine of Liberty (1849)
  • 30. William Rankin Vine of Liberty (1849)
  • 31. Consult American Antiquarian Society for image. Diagram and Statistical Record of the Signers of the Declaration of Independence (1858) Source: American Antiquarian Society
  • 32. Gregor Aisch Data Insights: A Visualization
  • 33. Visualization  insight • “We discover unimagined effects, and we challenge imagined ones.” --William Cleveland, Visualizing Data (1993)
  • 34. Visualization  insight • • “We discover unimagined effects, and we challenge imagined ones.” --William Cleveland, Visualizing Data (1993) “I see it now. Aha!” --Martin Wattenberg, on data visualization (2007)
  • 35. Visualization  insight • • • “We discover unimagined effects, and we challenge imagined ones.” --William Cleveland, Visualizing Data (1993) “I see it now. Aha!” --Martin Wattenberg, on data visualization (2007) It “forces” us to see. --Stephen Ramsay, “In Praise of Pattern” (1995).
  • 37. Thomas Jefferson, Notes on the State of Virginia (1787 edition)
  • 38. “A Comparative View of the Quadrupeds of Europe and of America.” Notes on the State of Virginia (1781-5)
  • 39. “Vegetables.” Notes on the State of Virginia (1781-5)
  • 40. “Birds of Virginia.” Notes on the State of Virginia (1781-5)
  • 41. A page of Thomas Jefferson’s Farm-book, ca. 1774.
  • 42. A page of Thomas Jefferson’s Farm-book, ca. 1774.
  • 43. Thomas Jefferson, “Agreement with James Hemings” (1793)
  • 46.
  • 47.
  • 48. David Sparks, “How Congress Uses Twitter” http://www.psmag.com/politics/how-congress-uses-twitter-16338/
  • 49.
  • 50. TOME: Interactive TOpic Model and MEtadata Visualization Lauren Klein and Jacob Eisenstein, co-PIs Image by Iris Sun
  • 51. Mark Hansen and Ben Rubin Movable Type
  • 52. How to tell a new story … … in space: • Where did events take place, or objects originate? • How did people, objects, or ideas circulate? • What is the composition of a place (real or imagined)? Tools • • • • • • Google Maps Geocommons Neatline HyperCities OpenLayers ArcGIS Mitch Fraas, Mapping Books http://mappingbooks.blogspot.com/
  • 53. How to tell a new story … … over time: • How did an event (or sequence of events) unfold? • How did an idea (or sequence of ideas) develop? • What were the touchpoints of a particular movement? Tools • • • • • Dipity Timeline.js Neatline TimeFlow TimelineSetter David McClure, The Battle of Chancellorsville http://hotchkiss.neatline.org/neatlineexhibits/show/battle-of-chancellorsville/
  • 54. How to tell a new story … … across networks: • How were people connected? • How did content travel? • Through what pathways were ideas exchanged? Tools • • • • • Circos Gephi Cytoscape NodeXL D3.js Northeastern University NULab, Viral Texts http://www.viraltexts.org/
  • 55. How to tell a new story … … about language: • How often does a certain word, phrase, or theme appear? • When did a certain word, phrase, or theme become prevalent? • What are the most common themes in an archive? Tools • • • • • • Wordle ManyEyes Google Ngram Viewer Voyant WordSeer MALLET Sarah Lohman, Nutmeg, Mace, Cinnamon, Clove http://www.fourpoundsflour.com/the-gallerydata-visualization-of-a-timeline-of-taste/
  • 56. How to tell a new story … … through charts: • • • • • • • Visual.ly Piktochart Infogr.am Many Eyes Tableau Public (PC only) Google Fusion Tables D3.js Also, tools for preparing/cleaning data: • • • Microsoft Excel (w/ search/replace) Data Wrangler Google Refine
  • 58. A Carefully Selected List of Recommended Tools http://selection.datavisualization.ch/
  • 59. A Cultural History of Data Visualization; or, The Long Arc of Visual Display Yale University Digital Humanities Working Group February 27, 2014 Lauren F. Klein Georgia Institute of Technology lauren.klein@lmc.gatech.edu