# Notes from Edward Tufte's The Visual Display of Quantitative Information

Contents

## Ch 4. Data-Ink and Graphical Design

Tufte provides five data-ink principles for how we should think about utilizing ink when creating data graphics. Below I have included the principles, however, he summarizes the concept nicely in the opening sentence of the chapter:

Data graphics should draw the viewer's attention to the sense and substance of the data, not to something else. The data graphical form should present the quantitative contents. Occasionally artfulness of design makes a graphic worthy of the Museum of Modern Art, but essentially statistical graphics are instruments to help people reason about quantitative information.

E.R. Tufte, The Visual Display of Quantitative Information, Ch. 4.

From a more formulaic perspective, Tufte also provides the  data-ink ratio Jump down to an example of maximizing the data-ink ratio :

$$\text{Data-ink ratio} = \frac{\text{data-ink}}{\text{total ink use to print the graphic}}$$

... which should typically be optimized. That is, we should always work to reduce the amount of unnecessary ink on our graphic in order to not distract from the data.

This point is further clarified in Tufte's below principles.

### Data-Ink Principles

Above all else show the data.
Maximize the data-ink ratio.
Erase non-data-ink.
Erase redundant data-ink.
Revise and edit.

### Principles in Practice

A great example of this principle is provided by Tufte. Consider the below figure:

This visualization is overpowered by the presence of the "+" symbols and unnecessary grid lines crowd the image.

Following the above principles, Tufte recreates the figure removing the "+" symbols, which allows for the inclusion of additional non-data-ink which aids the viewer, even highlighting the few data points which do not fall on the fit lines.

Other minor changes like reducing the number of tick marks and rotating the y-axis label make the plot easier to read and focus the viewers eyes more on the data itself.

## Ch 5. Chartjunk: Vibrations, Grids, and Ducks

With savage pictures fill their gaps
And o'er unhabitable downs
Place elephants for want of towns.

Johnathan Swift's Indictment of 17th-century cartographers
As included by E.R. Tufte, The Visual Display of Quantitative Information

Again, I allow Tufte to introduce the topic in his own words:

The interior decoration of graphics generates a lot of ink that does not tell the viewer anything new. The purpose of decoration varies - to make the graphic appear more scientific and precise, to enliven the display, to give the designer an opportunity to exericse artistic skills. Regardless of its cause, it is all non-data-ink or redundant data-ink, and it is often chartjunk.
...
Like weeds, many varieties of chartjunk flourish. Here three widespread types found in scientific and technical research work are catalogued - unintentional optical art, the dreaded grid, and the self-promoting graphical duck.

E.R. Tufte, The Visual Display of Quantitative Information, page 107

### Unintentional Optical Art (Moiré Effects)

The general problem here is that certain patterns, when used within visualizations, can overpower the graphic in a way that distracts from the data.

Tufte says that this creates an optical effect like a visual vibration.

Here is a good example provided by Tufte:

In this example, "the noise clouds the flow of information." The focus should be on the data but the patterns amount to a hostile take-over of the visualization.

### The Grid

One of the more sedate graphical elements, the grid should usually be muted or completely suppressed so that its presence is only implicit - lest it compete with the data. Grids are mostly for initial plotting at home or office rather than putting into print. Dark grid lines are chartjunk. They carry no information, clutter up the graphic, and generate graphic activity unrelated to data information.

E.R. Tufte, The Visual Display of Quantitative Information, page 112-113

Tufte offers the below comparison as an example. The figure is representative of the "age-sex pyramid of the population of France in 1967."

Tufte offers up the below improvement which "quiets the grid and gives emphasis to the data."

While I believe that Tufte's suggestion to mute grid lines is widely adopted and well warranted, I found the examples in this chapter to be lacking.

### Self-Promoting Graphics: The Duck

When a graphic is taken over by decorative forms or computer debris, when the data measures and structures become Design Elements, when the overall design purveys Graphical Style rather than quantitative information, then that graphic may be called a duck in honor of the duck-form store, "Big Duck." For this building the whole structure is itself decoration, just as in the duck data graphic.

The general idea here is simple: do not value design over data clarity. Of the below duck Tufte says, "this may well be the worst graphic ever to find its way into print:"

It took me about 5 minutes to break down and understand the above figure which ended up being an extremely simple set of data. This captures the concept of a duck extremely well: by adding unnecessary stylistic additions, the creator of this visualization converted simple data into something that becomes nearly incomprehensible.

Tufte's conclusion to this chapter is perfect:

Chartjunk does not achieve the goals of its propagators. The overwhelming fact of data graphics is that they stand or fall on their content, gracefully display. Graphics do not become attractive and interesting through the addition of ornamental hatching and false perspective to a few bars. Chartjunk can turn bores into disasters, but it can never rescue a thin data set. The best designs (... Here Tufte provides a long list of the "best designs." I exclude them for space and because they are not needed to make the central point. ) are intriguing and curiosity provoking, drawing the viewer into the wonder of the data, sometimes by narrative power, sometimes by immense detail, and sometimes by elegant presentation of simple but interesting data. But no information, no sense of discovery, no wonder, no substance is generated by chartjunk.

Forgo chartjunk, including
moiré vibration,
the grid, and the duck.

## Ch 6. Data Ink Maximization and Graphical Design

Painting is special, separate, a matter of meditation and contemplation, for me, no physical action or social sport. As much consciousness as possible. Clarity, completeness, quintessence, quiet. No noise, no schmutz, no schmerz, no fauve schwärmerei. Perfection, passiveness, consonance, consummateness. No palpitations, no gesticulation, no grotesquerie. Spirituality, serenity, absoluteness, coherence. No automatism, no accident, no anxiety, no catharsis, no chance. Detachment, disinterestedness, thoughtfulness, transcendence. No humbugging, no button-holing, no exploitation, no mixing things up.

Ad Reinhardt, statement for the catalogue of the exhibition, "The New Decade: 35 American Painters and Sculptors," Whitney Museum of American Art, New York, 1955

In this chapter Tufte offers up some alternatives to standard plots by applying his principles of data-ink maximization. I encourage a reader of these notes to read the chapter in full as it is quite short and Tufte does a good job of walking the reader through the process of erasing non-data-ink and making revisions. That said, I will attempt to summarize the most important takeaways where I can.

### Redesigning the Bar Chart/Histrogram

Beginning with the below:

we can maximize data-ink to create the below:

The general steps being taken are:

1. Remove the frame
2. Remove the vertical axes
3. Remove ticks
4. Add a white grid A "white grid" is represented with the erasure of lines within the bar charts at the data points along the y-axis.

### Redesigning the Scatterplot

A simple bivariate scatterplot...

... can be improved by utilizing a range-frame

range-frame axes only extend as far as the minimum and maximum available data points, allowing for the encoding of this additional information into the graphic.

Here is a nice, simple example of this in practice:

Tufte also illustrates the dash-dot-plot wherein the entire frame can be turned into data by framing the scatterplot with a marginal distribution of each variable:

A more sophisticated example is provided where more "standard" distributions are utilized along the margins, similar to Seaborn's jointplot function:

In the end, Tufte closes with the following:

Maximixing data ink (within reason) is but a single dimension of a complex and multivariate design task. The principle helps conduct experiments in graphical design. Some of those experiments will succeed. There remain, however, many other considerations in the design of statistical graphics - not only of efficiency, but also of complexity, structure, density, and even beauty.