The Anatomy of our Conversation Tree Editor

At the heart of our product offering sits an editor that empowers our users to define fully custom conversational logic visually and without coding. Here it is in action:

So how does it work? I recently wrote about elm-arborist, an open-source package I developed to edit tree structures (here is the original blog post). The package works with trees that are parameterized by a generic node type, so all NLX Studio has to do is to define the data structure for a single node and the way it should be rendered. Tree layout, drag-and-drop, keyboard navigation, minimap, clustering: they all come out of the box with the library.

Arborist is not in any way coupled to NLX’s domain, and we are excited to keep it this way. It has allowed us to develop and evolve this core component flexibly and with code we can say we are proud of. On top of that, NLX is excited to support my efforts to offer an ever more featureful tool to the Elm community.

Interested in our open-source presence? Check out the elm-arborist and elm-porter repositories, or find me on Elm Slack. Looking forward!