sgo.to drafts

Tree Layouts

Today I spent some time looking into libraries to visualize trees, specifically abstract syntax trees.

I couldn’t find anything that I thought was visually compelling and powerfull enough. The closest I could find was d3’s tree layout algorithm, which seemed to work really well but looked terribly boring.

I have long been a fan of zdog’s visuals so I thought this would be a good opportunity to try to put these two things together.

I only found a couple of articles that connected zdog as a backend of d3, but they were enough to get me started.

Here is how far I got:

And here is a slightly longer one:

Both of these look pretty neat and I think the extra dimension will give me the flexibility to represent more information in my diagrams.

More to come!



HTML Comment Box is loading comments...