Click any callout dot to read the annotation Toggle blood flow arrows Arrow keys navigate callouts
An Illustration Diagram is a graphic that pairs a visual representation of an object, system, or concept with structured annotations — labels, callouts, leader lines, legends, and sometimes enlarged cross-sections. It is not a statistical chart: no data is plotted on axes. Its purpose is explanatory rather than comparative. The perceptual mechanism it exploits is spatial correspondence: a label attached to a specific location on the image inherits the visual context of that location, allowing complex multi-part systems to be understood simultaneously rather than sequentially. The viewer builds a mental model by mapping text to position, which is faster and more durable than reading a list of descriptions.
The human heart is a canonical subject for illustration diagrams: it has discrete named structures, directional flow logic, and meaningful spatial relationships between parts that cannot be communicated through any tabular or statistical format. A written list of chambers and valves conveys the same facts but severs their spatial relationships — the reader cannot infer that the left ventricle wall is thicker because it pumps against higher systemic pressure without seeing the cross-section. The illustration diagram makes that inference automatic. The interactive callout layer adds depth-on-demand: the primary visual is uncluttered, and detail is surfaced only when a specific structure is selected, preventing cognitive overload.
A flowchart could represent the sequence of blood flow — right atrium to right ventricle to pulmonary artery and so on — but it would lose all spatial information about where each chamber sits relative to the others. A viewer reading a flowchart of cardiac circulation cannot develop intuition about why the pulmonary and systemic circuits are physically separate, or how the septum prevents mixing. A table of structure names and descriptions preserves the vocabulary but destroys the geometry. The illustration diagram is the only format that allows spatial reasoning about a complex physical object, which is why it is the dominant format in medical education, engineering documentation, and technical journalism.
FT Visual Vocabulary category: Concepts / How things work — "Show mechanisms, processes, and objects where spatial arrangement carries the meaning." The one design decision worth knowing: callout dots are placed at the anatomical boundary of each structure, not at its centroid — boundary placement mimics how a real dissection label is pinned, and tells the viewer precisely which edge or wall is being named rather than gesturing at a region.