Show HN: I created a lightweight JavaScript library to visualize JSON as a graph

Re:Show HN: I created a lightweight JavaScript library to vi... by mattvr on Tuesday November 26, 2024 @10:41PM (#42252691)

The example on the site is a very simple JSON object that doesn't demonstrate JSONtr.ee's potential at all.

To showcase it better, I'd like to see more complex objects on the initial reveal, so I don't have to go and find & format a JSON object just to see if the app/library is worth using yet!

[ Parent | on HN ]

Re:Show HN: I created a lightweight JavaScript library to vi... by lou_alcala on Tuesday November 26, 2024 @10:51PM (#42252754)

You're absolutely right! Thank you for pointing that out. I've updated the initial JSON example to include a more complex and realistic object that better showcases

[ Parent | on HN ]

Re:Show HN: I created a lightweight JavaScript library to vi... by mattvr on Wednesday November 27, 2024 @11:49AM (#42257492)

Looks much better!

I could definitely see using this, but don't think it solves anything for me right now.

I think if the diagrams didn't require horizontal panning, and/or supported interactive collapsing, it would be more effective. As it stands, the text view on the left side of the screen is actually easier to parse at a glance than the tree.

Generally, vertical scrolling is more natural for reading this kind of data, and also works better on mobile.

So a first guess of an improvement is something like: the tree diagram generally grows flat & vertical, with horizontal panning (or a manual "expand" click) reserved for deeply nested objects.

[ Parent | on HN ]