Tools for visualizing layout inheritance?

Hello, I was wondering if there’s any tools for visualizing layout inheritance in Jekyll. I thought it was interesting that it borrowed that idea from OOP and was curious if there’s any way to make a sort of UML chart for Jekyll layouts.

I heard Draw.io and Lucidchart are good for manually creating charts but I wanted to know if there were any more that would be better specifically for layout inheritance. Any ideas?

1 Like

You could probably build a mermaid diagram for that.

1 Like

I don’t know much about the Jekyll plugin ecosystem, but generating one is not difficult.

You can add a generator plugin, inspect for site.posts/site.pages and extract all the layouts information I guess.

Any advances towards this, @iangge ?

1 Like

Hi Jeff, my site was pretty simple so I ended up just using the mermaid diagram tool to visualize the layouts here.

But I think it would be cool to find a way to use a generator plugin to automatically put the layout inheritances in a diagram. Thanks for the suggestion.

1 Like