Externally defining a layout

If you don’t want to use a SODA layout function, you’re free to define a layout by adjusting the row properties of your Annotation objects.

For example, if we wanted to force every glyph into its own row, we might do something like this:

let ann: Soda.Annotation = soda.generateAnnotations({
  n: 100,
})

let row = 0;
for (const a of ann) {
  a.row = row++;
}

See the Pen SODA externally defining a layout by Jack Roddy (@jackroddy) on CodePen.