Studio Matrx Monthly · Volume 1 · Issue 4 · September 2026
Amogh N P
 In loving memory of Amogh N P — Architect · Designer · Visionary 
Diagrams & AnalysisLesson 3.3
The Design Portfolio/Module 3 · Representing Your Work

Lesson 3.3 · Representing Your Work

Diagrams & Analysis

A good diagram lands an idea in a second - what a paragraph takes a minute to say. But most portfolio diagrams are over-decorated and under-thought. Learn to make concept and analysis diagrams that communicate one idea fast, with clarity over decoration

12 min Interactive lessonFree · open lessonByAmogh N P· Architect & interior designer
The hook

A diagram that needs a paragraph to explain it has failed. The whole point of a diagram is to be the paragraph - understood in a glance, one idea, no decoding.

Diagrams are how designers think out loud, and a good one is the fastest communication tool in a portfolio: it can land an idea in a single second that a block of text would take a minute to convey, and that a photograph or plan could never quite say. In the six-second scan, a clear diagram is a gift to your reader - it hands them your thinking instantly. This is why strong diagramming is one of the most reliable markers of a designer who understands their own work: you cannot diagram clearly what you do not understand clearly.

And yet portfolio diagrams are very often the weakest pages in the book. The usual failure is not too little effort but too much of the wrong kind: diagrams crammed with every arrow, every consideration and every colour, drowning in gradients and 3D effects and legends nobody can parse, so that the one idea they were meant to communicate is buried. The discipline this lesson teaches is subtraction - one idea per diagram, ruthlessly reduced to the marks that carry it - and honesty, so that an 'analysis' genuinely reflects what shaped the design rather than being decoration applied afterwards.

One idea per diagram. Reduce till it breaks. Meaningful colour + tiny legend. Honest analysis closes the loop.

One diagram, one idea

The first rule of diagramming is the hardest to obey: each diagram should communicate exactly one idea. A diagram that tries to show circulation and sunlight and structure and views all at once shows none of them, because the reader cannot tell which relationships matter. If you have four ideas to convey, make four simple diagrams, not one complicated one - a small series of clear diagrams reads faster and looks more rigorous than a single dense composite. Before you draw anything, finish this sentence: 'this diagram shows that...'. If you cannot finish it in one clause, you do not yet know what the diagram is for.

That single idea then dictates every mark. Everything that carries the idea gets emphasis; everything else recedes to a quiet base or disappears entirely. In a circulation diagram, the routes are bold and coloured and the building is a pale grey ghost behind them; in a massing diagram, the volumes are solid and everything else is gone. This figure-and-ground discipline - one thing forward, everything else back - is what makes a diagram legible in a glance. The commonest mistake is giving the base drawing as much visual weight as the idea on top of it, so the two fight and the eye cannot settle.

> Finish the sentence 'this diagram shows that...' in one clause. If you can't, you don't yet know what the diagram is for - and neither will your reader.

Name the type of diagram you are making, because each has a job: a parti or concept diagram captures the organising idea in its simplest form; a site or context analysis diagram shows what on the site shaped the design; a circulation diagram shows movement; an exploded axonometric unpacks how parts assemble; a programme diagram shows how uses are organised. Knowing which one you are making keeps it focused - a circulation diagram is not the place to also explain your structure - split them, and each one reads far faster and looks more considered.

ONE IDEA PER DIAGRAMALL AT ONCE = NOTHINGsun+wind+views+routes = mushFOUR SIMPLE DIAGRAMSsun pathwindviewsroute
Zoom
One diagram should carry one idea. Left, sun, wind, views and routes piled into a single frame communicate nothing because the reader cannot tell which relationship matters. Right, the same content as four simple diagrams reads instantly and looks more rigorous - each with the idea forward and everything else a quiet base.

One diagram = one idea. Four ideas? Four diagrams. The idea is bold; everything else is a pale ghost behind it.

Clarity over decoration - reduce until it breaks

A diagram is an act of reduction, and the test of a good one is that you cannot remove anything more without losing the meaning. So draw the idea, then take things away: remove the drop shadows, the gradients, the faux-3D bevels, the second and third colours, the arrows that do not point to anything, the labels that repeat what the picture already says. Keep reducing until the diagram is on the edge of too sparse, then add back only what the reader genuinely needs to understand it. Decoration is not clarity - a diagram dressed in effects looks busy and amateur, while a diagram reduced to clean flat shapes, a couple of line weights and one or two colours looks like the work of someone who thinks precisely.

Colour in diagrams must be systematic, not decorative. Use a small, consistent palette where each colour means something - one colour for the new intervention against grey existing fabric, one for public versus private, one accent for the single most important move - and use the same colour for the same meaning across every diagram in the project. When colour is random or purely aesthetic, the reader wastes effort trying to decode a system that is not there. A restrained palette of one or two purposeful colours on a neutral base almost always beats a rainbow, and it ties your diagrams into the visual identity of the whole portfolio.

Consistency of style across a set matters as much as any single diagram. Decide on line weights, arrow style, colour meanings, a font for labels and a level of abstraction, and hold them across every diagram in the project so the set reads as one thinking process. A quick, useful habit: draw diagrams the way you would explain the idea to a friend with a pen on a napkin - the napkin version is usually clearer than the polished software version, because it contains only what matters. Then rebuild that clarity cleanly, keeping the reduction the napkin forced.

CLARITY OVER DECORATIONDECORATED - BUSYshadows, 3D, rainbow = noisethe one idea is buriedREDUCED - FLATnewexistingnew interventionexisting fabricone move, meaningful colour, a legend
Zoom
Clarity, not decoration. Left, drop shadows, faux-3D, and a rainbow of meaningless colour bury the one idea. Right, the idea reduced to flat shapes with one purposeful colour (new intervention against grey existing fabric) and a small, quiet legend - the mark of someone who thinks precisely.

The legend, the labels and reading order

Even a clear diagram needs a little scaffolding so the reader never has to guess. If a diagram uses colour or symbols to mean things, give it a small, quiet legend - a few swatches with one-word labels - placed unobtrusively so it explains without dominating. A legend is a courtesy that lets a reader trust the diagram; a colour-coded diagram with no key asks the reader to reverse-engineer your system, which they will not do. Keep the legend minimal, though: if you need a legend with ten entries, the diagram is trying to say too much and should be split.

Label directly and sparingly. A short label placed right on or beside the thing it names is far clearer than a numbered key that sends the eye hunting back and forth. Label only what needs naming - not every element, just the ones that carry the idea. Use a consistent, quiet type for labels (the same one across all your diagrams), sized to be readable at portfolio scale, and never let labels become paragraphs; if a diagram needs a sentence of explanation, that sentence belongs in the caption, not floating in the frame.

Finally, design the reading order. A diagram, like a page, has a path the eye should take, and you control it with size, colour, position and sequence. For a diagram that shows a transformation - a massing that pushes and pulls, a volume that splits and shifts - a small left-to-right sequence of three or four steps reads instantly, each step showing one move, arrows carrying the eye from one to the next. Sequenced diagrams like this are one of the most persuasive things in a portfolio because they show not just the result but the logic, which is exactly what a reader is assessing. Number the steps, keep each frame identical except for the one thing that changes, and let the series do the explaining.

ONE IDEA PER DIAGRAMALL AT ONCE = NOTHINGsun+wind+views+routes = mushFOUR SIMPLE DIAGRAMSsun pathwindviewsroute
Zoom
One diagram should carry one idea. Left, sun, wind, views and routes piled into a single frame communicate nothing because the reader cannot tell which relationship matters. Right, the same content as four simple diagrams reads instantly and looks more rigorous - each with the idea forward and everything else a quiet base.

A quiet legend, direct labels, a designed reading order. A transformation? Show it as 3-4 steps, one move each.

Honest analysis - not decoration after the fact

There is a specific integrity issue with analysis diagrams worth naming plainly. An analysis diagram - of sun, wind, views, noise, movement, context - is supposed to show something that genuinely informed the design. When it does, it is powerful: it demonstrates that your design decisions came from real reasoning about a real place, which is what tutors and thoughtful employers most want to see. But analysis diagrams are frequently produced after the design is finished, as decoration - sun-path arrows and wind roses added to look rigorous, with no actual connection to any decision. Experienced readers can smell this immediately, and it damages your credibility more than having no analysis at all.

So make analysis honest by closing the loop: for every analysis diagram, show or state what the design did in response. If the sun analysis matters, the next diagram or the caption should show the shading or the orientation that resulted; if the noise analysis matters, show the buffer or the plan move it drove. An analysis with no visible consequence is decoration; an analysis paired with its design response is an argument. This is also the honest version of the storytelling you learned in Module 1 - problem leading to idea leading to resolution - expressed in diagram form.

Diagrams also serve interiors, not only buildings: a furniture-layout or circulation diagram, a zoning diagram of public and private, a lighting-layers diagram, a diagram of how a material or datum runs through a scheme - all communicate interior thinking fast, and all follow the same rules of one-idea, reduction and honesty. Whatever the scale, a good diagram is the clearest evidence that you understand your own work well enough to explain it simply - and simplicity, here, is the hardest and most convincing thing to achieve. Draw fewer, clearer, honest diagrams, and let each one hand your reader an idea in a second.

An analysis with no design response is decoration. Always show what the analysis DROVE. Honest = an argument.

Toolkit & terms you'll meet in this lesson

One idea per diagram

Each diagram communicates a single relationship or move

Finish 'this diagram shows that...' in one clause; if you can't, split it into several diagrams.

Figure and ground

The idea is emphasised; everything else recedes to a pale base

The base drawing must never fight the idea on top of it - one thing forward, everything else back.

The parti

The single organising concept of a scheme, in its simplest form

A parti diagram distils the whole idea to a few marks - the most demanding diagram to get right.

Systematic colour + legend

A small palette where each colour means one thing, plus a quiet key

Colour must carry meaning consistently across a set; a colour-coded diagram needs a legend.

Analysis closes the loop

Every analysis diagram is paired with the design response it drove

Analysis with no visible consequence reads as decoration - honesty is what makes it an argument.

Hands-on workshop

Workshop — reduce one messy diagram to one clear idea

Take a diagram you already have (or one you need to make) and put it through the reduction. You will end with a clearer diagram - or a short series - and a method you can apply to every diagram you draw from now on.

Any diagramming tool (Illustrator, Affinity, PowerPoint/Keynote, even clean hand-drawing), plus a pen and paper for the napkin test.

Given & goal
Goal: turn a busy or decorative diagram into a clear, honest one
Inputs: one existing diagram or a project that needs one + any drawing tool + a pen and napkin
Time: ~45 minutes
  1. 1Write, in one clause, 'this diagram shows that...'. If you need more than one clause, list each idea - you will make one simple diagram per idea instead of one busy one.
  2. 2Draw it fast with a pen on paper, like explaining it to a friend. Keep only the marks that carry the idea. This napkin version is your target for clarity.
  3. 3Rebuild it cleanly: make the idea bold and one or two purposeful colours; push everything else to a pale grey base. Remove all shadows, gradients, 3D effects and stray arrows.
  4. 4Add a small, quiet legend if you used colour or symbols, and label directly only the things that need naming. Check it reads in about a second.
  5. 5If it is an analysis diagram, add the paired diagram or caption showing what the design did in response - close the loop so it is an argument, not decoration.

You’ll walk away with
One clear, honest diagram (or a short series), reduced to its single idea with a consistent colour system and a small legend - plus, for analysis, the design response that makes it credible.

The worked example

Three altitudes on the same idea

Read the band that fits you — or all three.

For the architectA portfolio for jobs, grad school & clients

Diagrams are where you prove you reason, not just render - so make them the intellectual spine of each project. A parti that captures the organising idea, an honest site analysis paired with its design response, and a clean transformation sequence convince a design-led studio or admissions tutor more than another glossy view. Build one consistent diagram system per project and reduce ruthlessly. Above all, close the loop: never show an analysis without showing what it drove, because readers spot decoration added afterward.

For the interior designerShowing interiors, FF&E & real projects

Diagrams translate an interior scheme into its thinking - zoning, circulation, lighting layers, how a datum or material runs through the space. They are quieter than in an architecture portfolio but just as useful, especially to show why a layout works and how you organised public and private, light and shade. Keep them minimal and flat - a pale plan with one coloured move on top - and tie their colour to your photographs. A simple furniture-and-circulation diagram beside the finished photo proves the room is planned, not just styled.

For the studentThe portfolio that lands your first role

Diagramming is a skill you can visibly get good at fast, and it makes a student portfolio look genuinely thoughtful - so practise the reduction. The trap is the over-decorated diagram: every arrow, every colour, faux-3D, drowning the one idea. Do the opposite. For each diagram, finish 'this diagram shows that...' in one clause, then draw only what carries it and make everything else a grey ghost. Prefer a series of simple diagrams to one busy one, and always show what your analysis actually changed.

Misconception check

A good analysis diagram shows how thorough I was - so the more factors, arrows and colours I pack in (sun, wind, views, noise, movement, all at once), the more rigorous and impressive it looks.

Density is not rigour - it is the opposite. A diagram crammed with every factor communicates nothing, because the reader cannot tell which relationship matters, and a diagram that needs a paragraph to decode has failed at its one job. Real rigour shows as clarity: one idea per diagram, reduced to the marks that carry it, with a small legend and a consistent system. And an analysis only counts if it is honest - if you cannot show what a factor actually changed in the design, it is decoration added afterward, which experienced readers spot instantly and hold against you. Fewer, clearer, honest diagrams win.
Try it

Do it yourself

Reason it through against your own diagrams.

  1. 1Why should each diagram communicate only one idea?
  2. 2What does 'figure and ground' mean for a diagram, and why does it aid legibility?
  3. 3How should colour be used in a set of diagrams, and why does it need a legend?
  4. 4When is a series of simple diagrams better than one complex diagram?
  5. 5What makes an analysis diagram honest rather than decorative?
Take this with you

The one line to carry out

A diagram's job is to hand your reader one idea in a second - so make one idea per diagram, reduce it until nothing more can go, keep colour meaningful, and never show an analysis without showing what it drove.
Take it further
References & further reading

Peer-reviewed journals & authoritative standards

  1. 01DiagramWikipedia, 2026.
  2. 02Visual hierarchyWikipedia, 2026.
  3. 03StorytellingWikipedia, 2026.
Related lessons
Recap
Diagrams are the fastest communication tool in a portfolio and one of the clearest signs that a designer understands their own work - but only when they are clear. Each diagram should carry exactly one idea, with that idea emphasised and everything else pushed to a pale base; four ideas need four simple diagrams, not one crowded one. Good diagramming is reduction: strip the shadows, gradients, extra colours and stray arrows until only the meaning remains, use a small systematic colour palette with a quiet legend, label directly, and design the reading order - showing transformations as a short numbered sequence. And analysis diagrams must be honest: pair every analysis with the design response it genuinely drove, because decoration added after the fact is spotted instantly and costs you credibility.
Carry forward →

Diagrams show your thinking; renders and models show the work made real. Next we cover honest renders that don't oversell, physical models, and the making and process shots that prove your hand.

A

The author

Amogh N P

Architect, interior designer, and creative polymath. Studio Matrx began in his notebooks — his vision of design made honest, useful, and open to everyone. Its Academy is written and taught in his memory, and free, forever.

More about Amogh →