Product & Tools
The radial quick-add menu: how we designed the fastest way to build a genogram
Quick answer
The problem: pointer miles
A realistic clinical genogram has around thirty people across three generations. In a conventional genogram builder tool, every one of those people is born the same way: you travel to a toolbar, open an “Add person” menu, pick a type, drop the new shape onto the canvas, then drag it to where it belongs and wire up the connecting lines by hand.
Multiply that round trip by thirty and you have literally hundreds of pointer miles — a marathon of tiny, repetitive journeys between the edge of the screen and the middle of the family.
And creation is the easy half. The hard half is placement. A genogram is not a bag of shapes; it is a coordinate system. Parents belong exactly one generation up. Children belong one generation down. Partners sit beside their spouse on the same horizontal band. Siblings share a sibling line. Get the placement wrong and you haven’t saved any time — you’ve created cleanup work.
The real question was never “how do we let people add family members to a genogram?” It was “how do we let them add family members in the right place without thinking about coordinates at all?”
The design: a ring that mirrors the diagram
Select any person and a ring springs out around their symbol. The buttons are split into two arcs, and which side a button lands on tells you what it does.

The right arc adds people: Add Parents, Add Partner, Add Sibling, and Add Child. The left arc draws lines: Emotional Line and Draw Connection. That two-sided split is the first layer of meaning — your right hand grows the family, your left hand describes the relationships between the people who are already there.
The second layer is the insight the whole feature rests on. Within the “add people” arc, the buttons are positioned to match where the new relative will actually land. Add Parents sits on top. Add Child sits on the bottom. Partner sits beside. The menu geometry mirrors genogram geometry, so direction equals generation. You don’t read a label to know that parents go up — the button is already up.
Your hand learns the diagram’s coordinate system through muscle memory, and after a few relatives you stop looking at the icons entirely. Up for parents, down for kids, sideways for a partner. The family grows in the direction you push.
The animation, and why it isn’t decoration
Every button springs from the center of the selected symbol with spring physics and a 50-millisecond stagger, so the ring reads as growing out of the person rather than popping into existence over them. That is a deliberate choice, not eye candy. The motion says “these actions belong to this person” before you’ve processed a single word. Motion communicates hierarchy.
The rest of the choreography keeps the canvas calm. The corner badges that normally sit on a node — counts, tags, status markers — hide while the ring is open, so nothing competes with the actions for your attention. And the whole ring auto-dismisses the moment your pointer leaves it. There is no close button to hunt for and no stray menu left hanging over the family while you go look at someone else. You point, you act, you move on, and the interface tidies up behind you.
What does quick-add do under the hood?
| Button | Where it sits | What it does |
|---|---|---|
| Add Parents | Top of the ring | Creates a couple one generation up, drops the marriage bar between them, and connects the selected person down to it as their child. |
| Add Partner | Beside | Places a spouse beside the person on the same generational band and draws the partnership bar linking them. |
| Add Sibling | Right arc | Puts the new person on the same sibling line, sharing the same parents, in birth-order position. |
| Add Child | Bottom of the ring | Drops a child below and links it to the correct partnership. Because children are drawn on separated child lines per marriage, they land under the specific marriage they belong to. |
| Emotional Line / Draw Connection | Left arc | Records closeness, conflict, cutoff and other emotional relationships between two people already on the canvas. |
Generational placement, sibling lines, and partnership bars are all handled for you. The layout engine even keeps the connecting plumbing legible as the family fills in: GenogramAI is the first genogram maker we know of with fully automatic line tunneling, so when a new vertical line has to cross an unrelated horizontal one, it makes a small clean hop instead of an ambiguous four-way smudge — a convention borrowed from hand-drawn circuit diagrams. You build; the diagram stays readable.

A note on lineage
We didn’t invent the radial menu. Pie menus are a classic result in human–computer interaction — Don Hopkins and colleagues studied them in the 1980s and showed that selecting by direction is faster and more reliable than selecting from a vertical list, because direction is a gesture your hand can learn while a list position is something your eyes must re-read every time.
Our contribution is not the pie menu. It is mapping the pie-menu pattern onto genogram semantics, so that the same directional muscle memory that makes pie menus fast also encodes the meaning of the diagram: up is the previous generation, down is the next one. We brought the pie-menu pattern to genogram building and let the family tree’s own geometry decide where each button goes.
Tips to build even faster
- Work outward from one anchor. Select the index person, add parents (up), add a partner (right), add children (down), then select each new relative and repeat. The family radiates out of a single starting point without you ever visiting the toolbar.
- Let the direction do the thinking. Don’t read the icons after the first minute. Push up for elders, down for descendants, sideways for partners.
- Pets get a single Connect to Owner action. A pet isn’t part of the generational grid, so its ring collapses to one button that links it to its human instead of offering parents or children.
- Use the left arc to add feeling, not structure. Once the skeleton exists, select two people and draw an Emotional Line or a plain connection to record closeness, conflict, or cutoff — the clinical layer that separates a genogram from a family tree.
Starting from existing data is just as fast: you can import a GEDCOM file (file import is on the Professional and Clinical plans) and then use quick-add to fill in the relationship detail genealogy files never carry. If you’re comparing builders, the same speed logic is why people switch to us from GenoPro and Family Tree Maker. For the full notation the quick-add engine places for you, see the guide to genogram symbols and the symbols reference. Recent placement improvements are logged in the changelog, and if you get stuck the help center is one click away.
Build a genogram in minutes, not hours
Frequently asked questions
How do I add parents to a person quickly?
Select the person and press Add Parents, the button at the top of the ring. GenogramAI creates a couple one generation up, draws the marriage bar between them and connects the selected person to it as their child.
What is the fastest way to build a genogram by hand?
Work outward from one anchor. Select the index person, add parents (up), a partner (sideways) and children (down), then select each new relative and repeat. The ring places every new person in the right generation, so you never drag or wire lines by hand.
How do I add emotional relationship lines?
Use the left arc of the ring. Select a person, choose Emotional Line or Draw Connection, then pick the other person. GenogramAI supports 39 emotional relationship types, such as close, conflict, cutoff and fused.
Can I add a pet to a genogram?
Yes. A pet isn’t part of the generational grid, so its ring collapses to a single Connect to Owner action that links it to its human.