Techniques

Pinned placement — anchors in an automatic layout

Automatic placement with declared anchors: the pinned elements hold their positions, the algorithm places everything else around them.

ddn@1New DDN source
Open viewerOpen designerRun verifierDownload DDN

Why use it?

Real diagrams have landmarks ("the customer is always top-left"); pins say which positions are intentional and which are computed.

When it helps

Any layout where some positions carry meaning — geography, org convention, reader habit.

How to read it

What you need

Things to check

Scope of this diagram

Declared pins honoured by the placement engine; pixel-perfect composition belongs to the manual algorithm.

Work with the converted example

  1. Open the viewer and select circular. Inspect the rendered view and its source.
  2. Open the designer. Keep the selected profile and inspect its legal palette and property controls.
  3. Change one displayed title or an appropriate data value. Apply the edit and check the resulting diagram.
  4. Run the verifier and review its diagnostics before moving complete content into review.
  5. Download your edited DDN source to retain the change.

The example uses the indentation-based ddn-next-1 dialect. The language guide explains reusable definitions, dotted data rows and explicit property blocks.

Other views in this example