Architectural Diagrams: Bubble, Zoning, Circulation and Concept Diagrams Explained

Architectural diagrams are simplified drawings that explain an idea rather than describe a building in detail: how spaces relate (bubble diagrams), how a site is divided (zoning), how people move (circulation), and the core concept of a scheme (parti, concept diagrams). They are not to scale and are not construction drawings. This guide, for architecture students and young designers, defines the main types, then gives a numbered step-by-step method and carries one worked example, a small community library on a corner site, through each diagram so you can reproduce the process on your own project.

What is an architecture diagram?

Communication is central to architecture. Architects use many tools to express creative ideas, and diagrams are among the most powerful, because they explain relationships that words describe poorly. They have been part of architectural design for centuries.

Architecture Diagram

© Feilden Clegg Bradley Studios

A diagram is a visual representation of an idea, usually two-dimensional even when it shows three-dimensional things. The word comes from the Greek diagramma, from diagraphein, “to mark out by lines”, according to Etymonline.

Architecture Diagram

© Urban Recycle Architecture Studio

Architectural diagrams summarise a project: they show its programme and the strategies that shape it, such as sun, wind, views or movement. They are a visual language for generating and communicating concepts, especially at the start of a project. They can be 2D or 3D, but they are conceptual or schematic, showing relationships between elements in abstract form rather than exact dimensions.

Architecture Diagram

© Urban Recycle Architecture Studio

What is the difference between a diagram and a drawing?

The words are often used loosely. A diagram is drawn, so in a sense it is a drawing, and it may use the same conventions as technical drawings. But it does not specify measurements or materials: it explains a concept. Measured plans, sections and details, often produced from 3D models, follow once the design is fixed. Hand sketching remains a fast way to diagram; see why architectural sketches still matter.

Architecture Diagram

© MAS

What are architecture diagrams used for?

Diagrams serve different purposes depending on when and how they are used. Most are made early in the design process, to help architects think and solve problems.

1. Capturing the essence of a design

Diagrams reduce complex information to simple, readable pictures, whether they show people’s movement, relationships between spaces or the structural logic of a building.

2. Bridging idea and form

A project may begin as a vague idea. Diagrams record the decisions that turn it into concrete built form, and show others the thinking behind the design.

Programmatic – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Imaginario sugestivo

3. Conveying mood

With colour, shape and composition, diagrams can suggest the atmosphere of a place as well as its function.

Eliciting Emotion and Mood

© VOX arquitectura

4. Supporting collaboration

Clients, consultants, contractors and users all have to understand a project. Diagrams give them a shared picture for discussion and decisions, from the first architectural concept onwards.

5. Engaging the public

For public and community projects, clear diagrams help people understand and comment on proposals, and ignoring the community is one of the ways architects fail.

Enhancing Public Engagement

© C A G E Architecture

6. Analysing what exists

Diagrams are also used to study existing buildings and urban landscapes: mapping flows, patterns and links reveals where to intervene.

An Analysis and Reflection Tool

© KPMB Architects

Types of architectural diagrams

1. Planimetric

Planimetric diagrams show a building or its parts from above, like a plan, but simplified and not to scale.

Planimetric – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Organic Scapes and Architecture

2. Sectional

A sectional diagram cuts vertically through a building to explain the concept: programme, vertical circulation, ventilation, landscape and daylight. It relates the design to the human body but is not a construction drawing.

Sectional – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Noiascape

3. Axonometric

Axonometric diagrams combine plan and elevation in one view, showing a whole building or an exploded stack of floors and elements. They are common on presentation boards because they show horizontal and vertical relationships at once.

Axonometric – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Kai Liu

4. Programmatic

A programmatic diagram shows how the building’s functions are arranged and how people will use them, often colour-coded by use.

Programmatic – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Imaginario sugestivo

One of the best-known programmatic diagrams in recent architecture is OMA’s for the Seattle Central Library (completed 2004 with LMN Architects): the brief was sorted into stable “platforms” and flexible in-between spaces, and the stacked, shifted form of the building follows that diagram, as the SAH Archipedia entry describes.

Stacked, shifted glass and steel volumes of the Seattle Central Library, a building shaped by architectural diagrams

The Seattle Central Library by OMA with LMN Architects (2004): its stacked, shifted volumes follow the programmatic diagram. Photo: SounderBruce, CC BY-SA 4.0, via Wikimedia Commons. SounderBruce, source, CC BY-SA 4.0

5. Context

Context diagrams show how a building connects to its surroundings, near and far. They are often abstract, but they explain why a scheme takes its position and form.

Context – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© mode:lina™

6. Circulation

Circulation diagrams show how people (and sometimes vehicles) move into, through and around a building, and how public and private areas are separated so that unwanted traffic stays out of private spaces.

Circulation – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Ctrl G + 51-1

7. Structural

Structural diagrams explain the structural concept, usually later in concept design, in plan, section or exploded axonometric. They show the idea, not engineered sizes.

Structural – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© EID Architecture

8. Bubble diagrams

Bubble diagrams represent spaces as circles sized roughly by area, linked by lines that show which spaces must be near each other. They are usually the first step in planning a programme.

Scale diagrams

Scale diagrams compare a building with familiar references, such as people, vehicles or well-known buildings, so readers grasp its size.

Architectural scale diagram

© Line and Space, LLC

9. Sequential

Sequential diagrams use a numbered series, often six to ten steps, to show how a form was derived, changing one or two factors at each step.

Sequential – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© AND-RÉ

10. Generative

Generative diagrams are working diagrams, developed and revised during concept design to help the architect reach an idea. (For a related use of the word in sustainability, see regenerative architecture.)

Generative architecture – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© JVA

11. Topological

Topological diagrams show how spaces or elements connect and interact, regardless of exact shape or size.

Topological Architectural Structure

© Grisha Zotov

12. Euclidean (grid)

Euclidean diagrams arrange elements on a geometric grid, so that the position of each depends on its neighbours.

Euclidian Architecture – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© MARIO CUCINELLA ARCHITECTS

13. Visual field

Visual field diagrams use lines and cones to show what a person sees from a given point, useful for views and visualisation planning.

Sensation diagrams

The most abstract type, sensation diagrams try to show light, texture, sound or mood, and how the senses experience a space.

Diagram of Sensation Architecture

© HERBERT BAYER

14. Diagrammatic massing

Simple massing models or drawings show the overall form a building will take, without detail.

Diagrammatic Buildings – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Tatiana Bilbao

15. Parti

A parti diagram captures the central idea of a design in one simple sketch, relating built form, programme and circulation. Strong line weights, shading and clear sequencing help it read instantly.

Parti – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Synarchitects

16. After-the-fact diagrams

Some diagrams explain buildings that already exist, such as evacuation plans in hotels or analytical diagrams of precedents. Environmental diagrams also explain how finished buildings perform; see how well passive design strategies reduce carbon.

After The Fact Architectural Diagram

© Kennerly Architecture & Planning

Step-by-step method for making architectural diagrams

  1. Analyse the site. Map sun path, prevailing wind, views, noise, access and neighbours.
  2. List the programme. Write every space with its approximate area and who uses it.
  3. Draw a bubble diagram. Size circles by area and link spaces that need adjacency.
  4. Zone the site or plan. Place public, semi-public and private zones, and quiet and noisy ones.
  5. Draw circulation. Show entrances and the main routes for each user group, and where they must not cross.
  6. Find the parti. Reduce the strategy to one simple, memorable idea.
  7. Test in section and axonometric. Check daylight, levels and how the idea works in three dimensions.
  8. Edit for presentation. Use one consistent graphic language, a key and a limited colour palette.

Worked example: a community library on a corner site

This example is hypothetical, so you can follow the logic without needing a real site’s data. The site is a corner plot with a busy street to the south and a quiet residential street to the east; the brief is a two-storey neighbourhood library with a children’s area, adult reading room, study rooms, a small hall and staff offices. The diagrams below show each step.

Six small architecture diagrams for a corner library: site, bubble, zoning, circulation, parti and section

One hypothetical corner-site library carried through six diagrams: site analysis, bubble diagram, zoning, circulation, parti ('a quiet box lifted over an open, busy ground floor') and section with a south overhang and north roof lights. Diagram: Arch2O

  • Site analysis: the busy south street brings visitors but also noise and summer sun; the quiet east street suits a children’s entrance and garden.
  • Bubble diagram: the entrance hall links to the hall, the children’s area and the stairs; the reading room and study rooms cluster upstairs, away from noise; staff offices sit beside the hall.
  • Zoning: public, noisy uses (hall, children’s area) on the ground floor; quiet uses (reading, study) on the first floor.
  • Circulation: one main entrance on the corner, a separate staff and delivery entrance from the side street, and one visible stair from the entrance hall.
  • Parti: “a quiet box lifted over an open, busy ground floor”.
  • Section: a deep overhang shades the south glazing, and north-facing roof lights give even light to the reading room.

Architectural diagrams in the digital age

Diagrams are the storytellers of architecture, and new tools have changed how they are made. Tablet sketching apps let designers draw diagrams over site photos and 3D models, and AI tools are beginning to generate options, though the diagram’s job of explaining an idea is unchanged.

Architectural Diagrams In Digital Age

© Jim Keen / Courtesy Morpholio

3D modelling tools let designers move quickly from massing diagrams to models and back. For an overview of the options, see our guide to architectural design software, and for interior work, professional interior design software.

Architectural Diagrams In Digital Age

Courtesy of Autodesk

Whichever tool you use, the advantages of diagrams are the same: they help everyone understand how the parts of a project relate, align the team around shared goals, and make weak points visible early.

The Advantages of Using Software Architecture Diagrams

Courtesy of Autodesk

Why diagrams matter for architects

  • Professional communication: architects work with clients, consultants, contractors and authorities; diagrams convey complex ideas concisely and help compare design options as feedback arrives.
  • Documentation: diagrams explain strategies and procedures through schematic design, design development and construction documentation.
  • Public engagement: in community meetings, diagrams make proposals transparent and invite useful comment.
Architects – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© Yoon Shin | UX Collective

Diagramming is also a skill employers look for; see these tips to get architecture jobs with no experience.

Why diagrams matter for students

  • Learning: drawing a diagram forces you to understand a theory or precedent well enough to simplify it.
  • Portfolio: clear diagrams show design thinking as well as drawing skill.
  • Studio reviews: diagrams make your process and concept easy to follow for tutors and peers.
  • Skills: diagramming builds graphic, spatial and synthesis skills.
  • Precedent studies: diagramming existing buildings reveals their logic.
Students – How Does the Visual Language of Architecture Diagram Enhance Architectural Communication?

© UNStudio Designs

If you are studying remotely, see whether online learning suits you.

Tips for drawing an architectural diagram

  • Use shapes and lines consistently. There are no fixed rules, but every element, from a box to a dotted line, should mean the same thing throughout.
  • Add a key. Put it beside the diagram, not on another sheet.
  • Limit colours. Use a few colours consistently, and save strong colour for what matters most.
  • Split complex ideas. Several simple diagrams in the same graphic style read better than one crowded one.
  • Use software where it helps, but keep the idea simple.

To summarise

Architectural diagrams come in many forms, but they share one job: to make an idea clear. Keep them simple, consistent and explained by a key, and follow a sequence from site analysis to parti, and they will save you time throughout a project.

Sources and further reading

Emily Reyes
Show full profile Emily Reyes

Emily Reyes is a Brooklyn-based architecture writer and Article Curator at Arch2O, known for her sharp eye for experimental design and critical theory. A graduate of the Southern California Institute of Architecture (SCI-Arc), Emily’s early work explored speculative urbanism and the boundaries between digital form and physical space. After a few years in Los Angeles working with boutique studios on concept-driven installations, she pivoted toward editorial work, drawn by the need to contextualize and critique the fast-evolving architectural discourse. At Arch2O, she curates articles that dissect emerging technologies, post-anthropocentric design, and contemporary spatial politics. Emily also lectures occasionally and contributes essays to independent design journals across North America.

Arch2O.com
Logo
Shopping cart
Send this to a friend