Studio Matrx Monthly · Volume 1 · Issue 5 · October 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.

Foyer4 m²Living18 m²Dining12 m²Kitchen10 m²Utility4 m²Master Bed16 m²Master Bath5 m²Bedroom 212 m²Common Bath4 m²Balcony6 m²
10 spaces · 91 m²
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 m²
  • 18 m²
  • 12 m²
  • 10 m²
  • 4 m²
  • 16 m²
  • 5 m²
  • 12 m²
  • 4 m²
  • 6 m²

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.