lynn / typst-syntree

Syntax trees for typst

typst-syntree

syntree is a typst package for rendering syntax trees / parse trees (the kind linguists use).

The name and syntax are inspired by Miles Shang's syntree. Here's an example to get started:

#import "@preview/syntree:0.2.0": syntree #syntree( nonterminal: (font: "Linux Biolinum"), terminal: (fill: blue), child-spacing: 3em, // default 1em layer-spacing: 2em, // default 2.3em "[S [NP This] [VP [V is] [^NP a wug]]]" )

There's limited support for formulas inside nodes; try #syntree("[DP$zws_i$ this]") or #syntree("[C $diameter$]").

For more flexible tree-drawing, use tree:

#import "@preview/syntree:0.2.0": tree #let bx(col) = box(fill: col, width: 1em, height: 1em) #tree("colors", tree("warm", bx(red), bx(orange)), tree("cool", bx(blue), bx(teal)))

typst-syntree's Issues

Change the direction the connecting lines point

I believe it would be more aesthetically pleasing if the lines went towards the centre of the child node, rather than right above it.
Example:

Movement

I noticed in testing the examples provided that movement doesn't seem to be supported yet. Is there a plan in the works for this?

Typst v0.7.0 breaking change for syntree package

Description

After upgrading Typst from version v0.6.0 to v0.7.0 I noticed that my syntax tree lines were all over the place.

Used Package: https://github.com/typst/packages/tree/main/packages/preview/syntree/0.1.0

I haven't figured out the exact change that caused this problem, but I suspect it might be something that changed the behavior of the place or measure functions, or the line display in PDFs in general.

Before (v0.6.0):

After (v0.7.0):

Typst code

#import "@preview/syntree:0.1.0": syntree

#figure(
  caption: [Vereinfachter Syntaxbaum zu ...],
  syntree(
    nonterminal: (font: "Linux Biolinum"),
    terminal: (fill: blue),
    "[twig_block 
        [name my_block]
        [inner_twig
          [div_tag 
            [inner_tag
              [attribute
                [name class]
                [string
                  my-block-div
                  [twig_expression additional_class]
                ]
              ]
            ]
            [children
              [text hello]
            ]
          ]
        ]
      ]"
  )
) <valid_twig_example_tree>