Research Hours Climb Through the Year , Fill Shows Cumulative Weight Figure 19.1 , Research Hours Climb Through the Year

An area graph encodes a single continuous time series using two visual channels simultaneously: the line's position (height at any x) encodes the point value, and the filled area between the line and the zero baseline encodes cumulative mass. The perceptual mechanism exploited is area estimation , the human visual system integrates the filled region as a quantity, making the total volume beneath the curve legible without arithmetic.

The dataset is a single continuous time series , monthly research hours , and the message is about the cumulative weight of effort across the year, not just whether any individual month is high or low. The area encoding makes that weight physically present on the page. A plain line chart would show the trajectory equally well but would lose the sense of total accumulation. A bar chart would show individual months discretely but fragment the continuity of the trend.

A stacked area chart is the closest structural relative , it works when multiple series need to be shown simultaneously while preserving cumulative volume. But multiple overlapping unfilled area charts are the classic failure mode: when two series cross, the lower series disappears behind the upper one's fill. The area graph is therefore strictly appropriate for single-series data, or for cases where series are stacked rather than overlapped.

FRAMEWORK FT Visual Vocabulary category: Change Over Time , "Show change in a single variable across an ordered sequence, here emphasising total magnitude through area fill." Tufte principle: area fill adds a second data-ink channel without adding chart junk , every pixel of the filled region encodes real quantity. The one design decision worth knowing: the y-axis baseline is fixed at zero. Moving it to any positive value would make the filled area proportionally larger than the actual data range, creating a visual lie factor greater than one.

Paste this into Claude Code to generate a working version of this chart, plus its data file. The result will not be a perfect replica , the goal is that the reader can run the prompt, get a chart of this type, and read its source. Generate a complete, self-contained area graph in D3 v7. Two files:

The ideas in this chapter didn't appear from nowhere. Willard C. Brinton published Graphic Methods for Presenting Facts in 1914 , the first American textbook on business graphics. Brinton catalogued every chart he had seen in twenty years of engineering reports, including filled-area charts that traced the rise and fall of production over time. He argued that the area under the line carried meaning the line alone could not: the accumulated total, the resource consumed, the share held. Willard C. Brinton, circa 1914.

The ideas in this chapter didn't appear from nowhere. Willard C. Brinton published Graphic Methods for Presenting Facts in 1914 , the first American textbook on business graphics. Brinton catalogued every chart he had seen in twenty years of engineering reports, including filled-area charts that traced the rise and fall of production over time. He argued that the area under the line carried meaning the line alone could not: the accumulated total, the resource consumed, the share held. Willard C. Brinton, circa 1914.