Studio Matrx Monthly · Volume 1 · Issue 4 · September 2026
Amogh N P
 In loving memory of Amogh N P — Architect · Designer · Visionary 
Schematic design tool

Bubble Diagram Generator

The first move from a brief to a plan. List your spaces and their areas, tick which should sit together, and a force-directed layout arranges them into an adjacency bubble diagram — sized by area, coloured by zone. Drag to guide it, then export an SVG.

Foyer4Living18Dining12Kitchen10Utility4Master Bed16Master Bath5Bedroom 212Common Bath4Balcony6
10 spaces · 91
Public Private Service Outdoor
Add space
Adjacencies — tick the pairs that should sit together
Foyer
Living
Dining
Kitchen
Utility
Master Bed
Master Bath
Bedroom 2
Common Bath
Balcony
Spaces
  • 4
  • 18
  • 12
  • 10
  • 4
  • 16
  • 5
  • 12
  • 4
  • 6

Bubbles are sized by area and coloured by zone; linked spaces pull together while all bubbles keep their distance — the classic first move from a brief to a plan. Drag any bubble to guide it, then export the SVG into your sketch.

How it works

List the program

Add each space with its area and zone — public, private, service or outdoor. Bubbles are sized by area and coloured by zone, so the balance of the brief is visible at a glance.

Set adjacencies

Tick, in the matrix, which spaces should sit next to each other — living to dining, bedroom to bath. Linked spaces attract; everything else keeps its distance.

Let it arrange, then guide it

A force-directed layout settles the diagram automatically. Drag any bubble to nudge the composition, then export a clean SVG straight into your concept sketch.