All 5 books, Edward Tufte paperback $180
All 5 clothbound books, autographed by ET $280
Visual Display of Quantitative Information
Envisioning Information
Visual Explanations
Beautiful Evidence
Seeing With Fresh Eyes
catalog + shopping cart
|
Edward Tufte e-books Immediate download to any computer: Visual and Statistical Thinking $5
The Cognitive Style of Powerpoint $5
Seeing Around + Feynman Diagrams $5
Data Analysis for Politics and Policy $9
catalog + shopping cart
New ET Book
Seeing with Fresh Eyes:
catalog + shopping cart
Meaning, Space, Data, Truth |
Analyzing/Presenting Data/Information All 5 books + 4-hour ET online video course, keyed to the 5 books. |
History of Sparklines Edward Tufte
The essay provides a history of my work creating the concept of sparklines, and then a long history of sparkline-like graphics for hundreds of years.
Sparklines are small, intense, word-sized graphics with typographic resolution. Sparklines are can be placed anywhere that words or numbers or graphics can be placed: in sentences, maps, graphics, tables. Sparklines have a data-ink or data- pixel ratio = 1.0, consisting entirely of data, with no non-data at all. Thus sparklines have no frames, tic marks, and non-data paraphernalia. Sparklines often get their quantitative scaling context from nearby words, numbers and graphics; sparklines are directly quantified by numbers on or near the sparkline itself.
Sparklines can show connected data lines, discrete individual data, and lines residing in 2-space or 3-space.
![Tufte sparklines continuous line](https://s3.amazonaws.com/edwardtufte.com/continuous%20line.png)
![Tufte sparklines discrete data elements](https://s3.amazonaws.com/edwardtufte.com/discrete%20data%20elements.png)
![Tufte sparklines 2-space or 3-space wandering](https://s3.amazonaws.com/edwardtufte.com/lines%20wandering.png)
![Kubrik 2001 Tufte sparklines](https://s3.amazonaws.com/edwardtufte.com/Kubrik%202001%20medical%20sparklines.jpg)
Note the connected-line medical "sparklines" in the grid in Stanley Kubrick's fine film 2001: A Space Odyssey, which was released in 1968. I saw 2001 in 1968, but not under conditions such that I would remember a data graphic.
On September 22, 2016 a Google search on the word sparklines returned 85,200,000 results:
![Google search for
sparklines](https://s3.amazonaws.com/edwardtufte.com/Sparkline%20Google%20search.png)
ET Work on Sparklines
My book The Visual Display of Quantitative Information was published in spring 1983. The manuscript was completed spring 1982, based on my work from 1974 to 1982.
Intense continuous time-series, looking just like sparklines, were the very first example after my statement of the fundamental principle of good statistical graphics: Above all else show the data. I took an example from an ECG textbook, and sunk it to ~75% of its original size = 56% area of original, nicely increasing the data density. From Edward Tufte, The Visual Display of Quantitative Information (first printing 1983), 92-93:
![Tufte sparklines VDQI p. 92-93](https://s3.amazonaws.com/edwardtufte.com/VDQI%20p.%2093,%20ET%20comments.jpg)
Sparklines then developed in The Visual Display of Quantitative Information (1983), 133-135:
![Tufte sparklines VDQI p. 133](https://s3.amazonaws.com/edwardtufte.com/VDQI%20p.%20133,%20ET%20comments.jpg)
![Tufte sparklines VDQI p. 134](https://s3.amazonaws.com/edwardtufte.com/VDQI%20p.%20134,%20ET%20comments.jpg)
![Tufte sparklines VDQI p. 135](https://s3.amazonaws.com/edwardtufte.com/VDQI%20p.%20135.jpg)
Sparklines were driven by 3 overlapping principles: maximize data density, minimize or zero-out non-data, and the shrink principle ("graphics can be shrunk way down"). I deliberately referred to the excellent Jacques Bertin by taking a large page from his book and then substantially reducing its size. This directly produced, for free, high-res sparkline-like data graphics. The shrink principle served well in making sparklines: start large, then shrink way down to fit into sentences. My students at Yale in the 1990s did data graphics in Excel, and then would reduce the Excel out by a factor of 3 to 5 to make high-res sparklines that would fit into a sentence or a spreadsheet cell.
From The Visual Display of Quantitative Information (1983), 166-167:
![Tufte sparklines VDQI p. 166-167 Bertin](https://s3.amazonaws.com/edwardtufte.com/VDQI%20p.%20166%20and%20167,%20ET%20comments.jpg)
Prior art in the last 700 years
Line-filler graphics in medieval manuscripts look somewhat like embedded sparklines:
![Tufte sparklines Luttrell Psalter](https://s3.amazonaws.com/edwardtufte.com/London,%20British%20Library%20MS%2042130%20(Luttrell%20Psalter),%20fol.%2049v.jpg)
From the illuminated Luttrell Psalter, created by anonymous artists in England around 1320-1340.
![Tufte sparklines Book of Hours cat & fish](https://s3.amazonaws.com/edwardtufte.com/Cloisters%20AccNr54.1.2%20interlinear%20cat,%20edit.jpg)
From the diminutive Book of Hours of Jeanne d'Evreux, Queen of France in the 14th century made by artist Jean Pucelle in Paris, around 1324-28.
![Tufte sparklines Oresme Aristotle translation](https://s3.amazonaws.com/edwardtufte.com/Oresme,%20Paris%20BnF%20Francais%20ms%209106,%20f%2030r,%20detail,%20edit.jpg)
From the translation of Aristotle's Politics into French by 14th-century polymath Nicole Oresme.
![Tufte sparklines Galileo](https://s3.amazonaws.com/edwardtufte.com/BE%20p.%2049,%20Galileo.jpg)
Galileo Galileo, Istoria e dimostrazioni intorno alle macchie solari (Rome, 1613).
Contour lines can be thought of as three-dimensional sparklines: for various fixed values of Z, the line moves through XY space. Here's Halley's magnetic declination map of 1700, and the amazing Swiss mountain maps.
![Tufte sparklines Halley compass map](https://s3.amazonaws.com/edwardtufte.com/sparkline%20Halley.png)
Edmond Halley, "A new and correct chart showing the various of the compass in the Western and Southern Oceans as observed in the year 1700 by his Majesties' command by Edm. Halley" (London, 1701).
![Tufte sparklines Swiss topographic map](https://s3.amazonaws.com/edwardtufte.com/Swiss%20topographic%20map.png)
Swiss topographic map (1957).
![Tufte sparklines Langren longitude](https://s3.amazonaws.com/edwardtufte.com/VE%20p.15,%20Langran.jpg)
Michel Florent van Langren, La Verdadera Longitud por Mar y Tierra (Antwerp, 1644).
![Tufte sparklines Maury sea sparklines](https://s3.amazonaws.com/edwardtufte.com/Maury%201855,%20The%20Physical%20Geography%20of%20the%20Sea,%20Atlantic%20detail,%20dark.jpg)
Patterns of sea drift and the areas where certain whales can be found.
"Sea drift and whales on which the movements of the sea as indicated by the thermometer are shown," from M. F. Maury, The Physical Geography of the Sea (New York, 1855)
![Tufte sparklines ECG original electrocardiogram Einthoven](https://s3.amazonaws.com/edwardtufte.com/1920%20eck%20light.jpg)
Electrocardiogram taken with Einthoven's original string galvanometer, which he invented around 1901.
![Tufte sparklines ECG electrocardiogram](https://s3.amazonaws.com/edwardtufte.com/early%20electrometer.gif)
First human electrocardiogram recorded by Augustus D. Waller of St. Mary's Medical School showing simultaneous electrometer and cardiography tracings showing an electrical activity preceding every heart beat.
From A. D. Waller, "A demonstration on man of electromotive changes accompanying the heart's beat," The Journal of Physiology 8 (1887), 229. Reproduced in Majd AlGhatrif and Joseph Lindsay, "A brief review: history to understand fundamentals of electrocardiography," Chimp 2 (2012).
![Tufte sparklines Born wave sparklines](https://s3.amazonaws.com/edwardtufte.com/Born%201936,%20The%20Restless%20Universe,%20p.%20194,%20detail,%20edit.jpg)
Structure of the Atom: vibration of an electron as progressive waves.
From Max Born, The Restless Universe, figures by Otto Königsberger (New York, 1936).
1970 NASA report of throttle problems in the Apollo Lunar Module
![]() |
![Tufte sparklines Calbris semiotics sparklines](https://s3.amazonaws.com/edwardtufte.com/Calbris%201990,%20Semiotics%20of%20French%20Gestures,%20p.%20172,%20diagram%20only,%20edit.jpg)
Representation of different aspects of a musical melody from Iván Fónagy, La vive vois: Essais de psycho-phonétique (Paris, 1983), reproduced in Geneviève Calbris, The Semiotics of French Gestures (Bloomington, 1990)
![Tufte sparklines Veltman Feynman diagrams](https://s3.amazonaws.com/edwardtufte.com/BE%20p.%2076,%20Veltman%20edit.jpg)
Martinus Veltman, Diagrammatica: The Path to Feynman Diagrams (Cambridge, 1994), 150-151.
In the summer of 1989 I consulted for Hewlett-Packard on clinical information systems and patient monitors. I examined a number of products including CareView and Sonos1000 (for cardiovascular imaging). During one visit I critiqued a cardiovascular imaging interface as I viewed shirtless my mitral value live on a sonogram. On June 29, 1989 I prepared a design analysis for HP. Point 3 used "postage stamp graphics" to pull together the sparse entries of medical event flowsheets that could go on and on horizontally for 5 to 10 feet. Here is my report, artwork, and notes about "mini-graphics" residing next to spreadsheet rows and summarizing the row data.
![Tufte HP sparklines](https://s3.amazonaws.com/edwardtufte.com/HP%201%20no%20address,%20edit.jpg)
![Tufte HP sparklines](https://s3.amazonaws.com/edwardtufte.com/HP%202%20no%20address,%20edit.jpg)
![Tufte HP sparklines](https://s3.amazonaws.com/edwardtufte.com/HP%203%20no%20address,%20edit.jpg)
![Tufte HP sparklines](https://s3.amazonaws.com/edwardtufte.com/HP%204,%20ET%20comments.jpg)
![Tufte HP sparklines](https://s3.amazonaws.com/edwardtufte.com/HP%205,%20ET%20comments.jpg)
![Tufte HP sparklines](https://s3.amazonaws.com/edwardtufte.com/HP%206.jpg)
![Tufte HP sparklines](https://s3.amazonaws.com/edwardtufte.com/HP%207.jpg)
ET report for HP, 1989
"Sparklines in the Grid"
Microsoft filed a patent application in 2008 for "sparklines in the grid." It seems to be about Excel interface manipulations on sparklines. There are problems:
(1) see prior art above from 2001: A Space Odyssey (1968) and from ET HP consulting and tech notes (1987).
![Kubrik 2001 Tufte sparklines](https://s3.amazonaws.com/edwardtufte.com/Kubrik%202001%20medical%20sparklines.jpg)
(2) Nearly all design elements (words, numbers, graphics) reside in a manipulated layout grid, as in page design and interface design.
For more see Microsoft patent claim for "sparklines in the grid".
-- Edward Tufte