{"course":{"slug":"visual-storytelling","title":"Making It Say Something","url":"https://addaly.com/learn/visual-storytelling","level":"beginner","track":"create"},"lesson":{"slug":"illustration-diagram-or-photo","title":"Three pictures, three different promises","url":"https://addaly.com/learn/visual-storytelling/illustration-diagram-or-photo","position":48,"of":64,"minutes":8,"answer":"A photograph claims this existed, an illustration claims this is the kind of thing, and a diagram claims these are the parts and their relations: choose by what the reader must do with the picture.","keyIdea":"A photograph claims this existed, an illustration claims this is the kind of thing, and a diagram claims these are the parts and their relations: choose by what the reader must do with the picture, and say what a diagram simplified, because boxes assert boundaries the world may not have."},"body":{"format":"markdown","text":"## Each form asserts something different\n\nBefore choosing how a picture should look, decide what it has to claim. The three main options make different promises to the reader, and picking the wrong one either overclaims or fails to carry the load.\n\n- A **photograph** asserts *this existed, and it looked like this.* It is evidential. It is also stuck with the surface: a photograph of a gearbox shows a metal box.\n- An **illustration** asserts *this is the kind of thing being discussed.* It is explicitly a representation, so it can be generic without lying, and it can omit. A cutaway drawing shows the inside of the gearbox, which no photograph of an assembled gearbox can.\n- A **diagram** asserts *these are the parts and this is how they relate.* It abandons appearance entirely for structure. A London Underground map is geographically wrong and is the correct picture, because the question passengers have is about connections, not distances.\n\nA **chart** is a fourth form, asserting quantity and comparison, and it is covered separately.\n\n> Figure: Four pictures, four different claims. Layers, top to bottom: Photograph (This existed, and it looked like this); Illustration (This is the kind of thing being discussed); Diagram (These are the parts and how they relate); Chart (These are the quantities, and their comparison). Choose by what the reader has to do with the picture. An article on how a sewing machine forms a stitch needs a diagram, and a beautiful photograph of the machine will not substitute, because the stitch happens inside and in stages.\n\n## The choosing question\n\nNot \"what would look good here\" but: **what does the reader need to do with this?**\n\n- Believe it happened → photograph.\n- Recognise the type of thing → illustration.\n- Follow a process or a relationship → diagram.\n- Compare amounts → chart.\n- Find their way → map, which is a diagram with geography in it to the extent the task needs.\n\nThis resolves most arguments quickly. An article explaining how a sewing machine forms a stitch needs a diagram, and a beautiful photograph of the machine will not substitute, because the stitch happens inside and in stages. An article about a person needs a photograph, and an illustration of a generic person would drain it of the one thing it had.\n\n## Illustration solves a problem photographs cannot\n\nWhen the subject is sensitive, an illustration lets you show a situation without exposing a person. A drawn figure is understood as a type rather than an individual, so nobody is identified, nobody consented under pressure, and nobody's face is attached to a topic for the rest of their life.\n\nIt also allows deliberate omission. A drawing can leave out the clutter that a photograph must include, which is the same act as cropping but visible and honest: nobody thinks a drawing was the whole room.\n\n## Diagrams lie by boundary\n\nThe limitation of diagrams is specific and worth knowing: a box-and-arrow drawing asserts that the world has boxes and arrows in it.\n\nDraw a system as five boxes and you have claimed there are five distinct components with clean interfaces. Very often the real thing is a continuum, or the boxes overlap, or one of them is actually three things that nobody has separated. The diagram is now clearer than the truth, and the reader will remember the boxes.\n\nThis is not an argument against diagrams: a simplification you can name is worth more than a fog. It is an argument for saying what you simplified. One line under the drawing does it: \"simplified; stages 3 and 4 overlap in practice.\"\n\n## The free path is complete\n\n- **Inkscape**: vector drawing, illustrations, cutaways, print-ready SVG and PDF.\n- **Krita**: painting and raster illustration, good with a tablet or a mouse.\n- **diagrams.net** and **Excalidraw**: box-and-arrow diagrams in a browser, including on a phone.\n- **Mermaid**: diagrams written as text, which version-control well and regenerate when the content changes.\n- **GIMP** or **Photopea**: raster editing and photo preparation; Photopea runs in a browser and opens PSD files.\n- **Graphviz**: for a diagram whose layout should be computed rather than arranged by hand.\n\nNone of this needs a subscription and most of it runs on a low-end laptop.\n\n## Consistency matters more than quality\n\nThe practical failure in most small projects is not that the illustrations are poor. It is that there are three styles in one document: a photograph, a clip-art icon and a hand-drawn diagram, each from a different source.\n\nA reader reads that as three separate voices and downgrades the whole piece. Pick one drawing style (same line weight, same palette from your role-based colours, same level of detail) and apply it to everything you draw. A consistently mediocre set of diagrams looks considered. An inconsistent set of good ones looks assembled."},"check":{"question":"An article explains how a sewing machine forms a lock stitch. Why will a high-quality photograph of the machine fail where a diagram succeeds?","options":[{"text":"Photographs of machinery carry irrelevant surface detail, which distracts the reader from the explanation in the text.","correct":false,"tempting":"Names a real cost of surplus detail, but a cleanly lit studio photograph with no clutter would still fail to show the stitch."},{"text":"Readers trust diagrams more than photographs for technical subjects, because a diagram signals that the author understands the mechanism.","correct":false,"tempting":"Invents a trust ordering; the choice is driven by what each form can depict, not by what it signals about the author."},{"text":"Diagrams can be reproduced at any size without losing detail, while photographs degrade when printed small.","correct":false,"tempting":"Raises a reproduction property that is often true and entirely beside the point, since the photograph fails at any size."},{"text":"The stitch forms inside the machine and across several stages, and a photograph can only show the outside at one instant.","correct":true}]},"prev":{"slug":"why-stock-images-fail","title":"The photograph that fits anywhere belongs nowhere","url":"https://addaly.com/learn/visual-storytelling/why-stock-images-fail"},"next":{"slug":"designing-for-the-surface","title":"The same design fails in five different ways","url":"https://addaly.com/learn/visual-storytelling/designing-for-the-surface"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'Three pictures, three different promises', in Making It Say Something. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/visual-storytelling/illustration-diagram-or-photo (Accessed: 13 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"Three pictures, three different promises","courseTitle":"Making It Say Something","module":{"index":6,"slug":"materials-of-meaning","title":"Type, colour and image as meaning"},"answer":null,"keyIdea":"A photograph claims this existed, an illustration claims this is the kind of thing, and a diagram claims these are the parts and their relations: choose by what the reader must do with the picture, and say what a diagram simplified, because boxes assert boundaries the world may not have.","hero":{"kind":"figure","figure":{"t":"figure","label":"Figure","figure":{"type":"stack","title":"Four pictures, four different claims","layers":[{"label":"Photograph","detail":"This existed, and it looked like this"},{"label":"Illustration","detail":"This is the kind of thing being discussed"},{"label":"Diagram","detail":"These are the parts and how they relate"},{"label":"Chart","detail":"These are the quantities, and their comparison"}],"caption":"Choose by what the reader has to do with the picture. An article on how a sewing machine forms a stitch needs a diagram, and a beautiful photograph of the machine will not substitute, because the stitch happens inside and in stages."},"alt":"Figure: Four pictures, four different claims. Layers, top to bottom: Photograph (This existed, and it looked like this); Illustration (This is the kind of thing being discussed); Diagram (These are the parts and how they relate); Chart (These are the quantities, and their comparison). Choose by what the reader has to do with the picture. An article on how a sewing machine forms a stitch needs a diagram, and a beautiful photograph of the machine will not substitute, because the stitch happens inside and in stages."}},"blocks":[{"t":"h2","id":"each-form-asserts-something-different","runs":[{"text":"Each form asserts something different"}]},{"t":"p","runs":[{"text":"Before choosing how a picture should look, decide what it has to claim. The three main options make different promises to the reader, and picking the wrong one either overclaims or fails to carry the load."}]},{"t":"ul","items":[[{"text":"A "},{"text":"photograph","b":true},{"text":" asserts "},{"text":"this existed, and it looked like this.","i":true},{"text":" It is evidential. It is also stuck with the surface: a photograph of a gearbox shows a metal box."}],[{"text":"An "},{"text":"illustration","b":true},{"text":" asserts "},{"text":"this is the kind of thing being discussed.","i":true},{"text":" It is explicitly a representation, so it can be generic without lying, and it can omit. A cutaway drawing shows the inside of the gearbox, which no photograph of an assembled gearbox can."}],[{"text":"A "},{"text":"diagram","b":true},{"text":" asserts "},{"text":"these are the parts and this is how they relate.","i":true},{"text":" It abandons appearance entirely for structure. A London Underground map is geographically wrong and is the correct picture, because the question passengers have is about connections, not distances."}]]},{"t":"p","runs":[{"text":"A "},{"text":"chart","b":true},{"text":" is a fourth form, asserting quantity and comparison, and it is covered separately."}]},{"t":"h2","id":"the-choosing-question","runs":[{"text":"The choosing question"}]},{"t":"p","runs":[{"text":"Not “what would look good here” but: "},{"text":"what does the reader need to do with this?","b":true}]},{"t":"ul","items":[[{"text":"Believe it happened → photograph."}],[{"text":"Recognise the type of thing → illustration."}],[{"text":"Follow a process or a relationship → diagram."}],[{"text":"Compare amounts → chart."}],[{"text":"Find their way → map, which is a diagram with geography in it to the extent the task needs."}]]},{"t":"p","runs":[{"text":"This resolves most arguments quickly. An article explaining how a sewing machine forms a stitch needs a diagram, and a beautiful photograph of the machine will not substitute, because the stitch happens inside and in stages. An article about a person needs a photograph, and an illustration of a generic person would drain it of the one thing it had."}]},{"t":"h2","id":"illustration-solves-a-problem-photographs-cannot","runs":[{"text":"Illustration solves a problem photographs cannot"}]},{"t":"p","runs":[{"text":"When the subject is sensitive, an illustration lets you show a situation without exposing a person. A drawn figure is understood as a type rather than an individual, so nobody is identified, nobody consented under pressure, and nobody’s face is attached to a topic for the rest of their life."}]},{"t":"p","runs":[{"text":"It also allows deliberate omission. A drawing can leave out the clutter that a photograph must include, which is the same act as cropping but visible and honest: nobody thinks a drawing was the whole room."}]},{"t":"h2","id":"diagrams-lie-by-boundary","runs":[{"text":"Diagrams lie by boundary"}]},{"t":"p","runs":[{"text":"The limitation of diagrams is specific and worth knowing: a box-and-arrow drawing asserts that the world has boxes and arrows in it."}]},{"t":"p","runs":[{"text":"Draw a system as five boxes and you have claimed there are five distinct components with clean interfaces. Very often the real thing is a continuum, or the boxes overlap, or one of them is actually three things that nobody has separated. The diagram is now clearer than the truth, and the reader will remember the boxes."}]},{"t":"p","runs":[{"text":"This is not an argument against diagrams: a simplification you can name is worth more than a fog. It is an argument for saying what you simplified. One line under the drawing does it: “simplified; stages 3 and 4 overlap in practice.”"}]},{"t":"h2","id":"the-free-path-is-complete","runs":[{"text":"The free path is complete"}],"role":"free"},{"t":"ul","items":[[{"text":"Inkscape","b":true},{"text":": vector drawing, illustrations, cutaways, print-ready SVG and PDF."}],[{"text":"Krita","b":true},{"text":": painting and raster illustration, good with a tablet or a mouse."}],[{"text":"diagrams.net","b":true},{"text":" and "},{"text":"Excalidraw","b":true},{"text":": box-and-arrow diagrams in a browser, including on a phone."}],[{"text":"Mermaid","b":true},{"text":": diagrams written as text, which version-control well and regenerate when the content changes."}],[{"text":"GIMP","b":true},{"text":" or "},{"text":"Photopea","b":true},{"text":": raster editing and photo preparation; Photopea runs in a browser and opens PSD files."}],[{"text":"Graphviz","b":true},{"text":": for a diagram whose layout should be computed rather than arranged by hand."}]]},{"t":"p","runs":[{"text":"None of this needs a subscription and most of it runs on a low-end laptop."}]},{"t":"h2","id":"consistency-matters-more-than-quality","runs":[{"text":"Consistency matters more than quality"}]},{"t":"p","runs":[{"text":"The practical failure in most small projects is not that the illustrations are poor. It is that there are three styles in one document: a photograph, a clip-art icon and a hand-drawn diagram, each from a different source."}]},{"t":"p","runs":[{"text":"A reader reads that as three separate voices and downgrades the whole piece. Pick one drawing style (same line weight, same palette from your role-based colours, same level of detail) and apply it to everything you draw. A consistently mediocre set of diagrams looks considered. An inconsistent set of good ones looks assembled."}]}],"check":{"question":[{"text":"An article explains how a sewing machine forms a lock stitch. Why will a high-quality photograph of the machine fail where a diagram succeeds?"}],"options":[{"text":[{"text":"Photographs of machinery carry irrelevant surface detail, which distracts the reader from the explanation in the text."}],"correct":false,"tempting":[{"text":"Names a real cost of surplus detail, but a cleanly lit studio photograph with no clutter would still fail to show the stitch."}]},{"text":[{"text":"Readers trust diagrams more than photographs for technical subjects, because a diagram signals that the author understands the mechanism."}],"correct":false,"tempting":[{"text":"Invents a trust ordering; the choice is driven by what each form can depict, not by what it signals about the author."}]},{"text":[{"text":"Diagrams can be reproduced at any size without losing detail, while photographs degrade when printed small."}],"correct":false,"tempting":[{"text":"Raises a reproduction property that is often true and entirely beside the point, since the photograph fails at any size."}]},{"text":[{"text":"The stitch forms inside the machine and across several stages, and a photograph can only show the outside at one instant."}],"correct":true,"tempting":null}],"order":[2,1,0,3],"why":null},"prev":{"slug":"why-stock-images-fail","title":"The photograph that fits anywhere belongs nowhere","minutes":8},"next":{"slug":"designing-for-the-surface","title":"The same design fails in five different ways","minutes":10}}}