Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

github.com

Post reply on HN
Print view View original

11–20 of 48 posts

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

#12

Post by lou_alcala »

dchuk wrote: post #11

Am I missing something or does this just completely not do anything on iOS/mobile? I see in the json editor a single object with two keys, and then no visual tree rendering whatsoever

Sorry this was intensionally, I couldn't find a way to show the graph in mobile so I just hide the div. I will add a tab or a button to switch between the json and the graph.

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

#13

Post by lou_alcala »

lou_alcala wrote: post #10
codetiger wrote: post #7

Earlier quoted context omitted.

In safari, the text is rendering outside of the shape. You might want to take a look at that.

Good call! Thanks for letting me know! I will check it.

This should be fixed now. Thanks

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

#15

Post by mattvr »

lou_alcala wrote: post #2

Hi HN, I’ve been working on JSONtr.ee, a web platform for visualizing and graphing JSON data. While building it, I ended up creating my own lightweight JavaScript library to help anyone convert a JSON file into a schema graph. Before creating this library, I used MermaidJS, but I ran into significant limitations, especially with large and deeply nested JSON objects. My library was built to handle these cases better a…

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!

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

#16

Post by lou_alcala »

lou_alcala wrote: post #12
dchuk wrote: post #11

Am I missing something or does this just completely not do anything on iOS/mobile? I see in the json editor a single object with two keys, and then no visual tree rendering whatsoever

Sorry this was intensionally, I couldn't find a way to show the graph in mobile so I just hide the div. I will add a tab or a button to switch between the json and the graph.

I fix the issues in mobile, I found other issues with dragging the graph

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

#17

Post by lou_alcala »

mattvr wrote: post #15
lou_alcala wrote: post #2

Hi HN, I’ve been working on JSONtr.ee, a web platform for visualizing and graphing JSON data. While building it, I ended up creating my own lightweight JavaScript library to help anyone convert a JSON file into a schema graph. Before creating this library, I used MermaidJS, but I ran into significant limitations, especially with large and deeply nested JSON objects. My library was built to handle these cases better a…

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!

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

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

#20

Post by dchuk »

lou_alcala wrote: post #12
dchuk wrote: post #11

Am I missing something or does this just completely not do anything on iOS/mobile? I see in the json editor a single object with two keys, and then no visual tree rendering whatsoever

Sorry this was intensionally, I couldn't find a way to show the graph in mobile so I just hide the div. I will add a tab or a button to switch between the json and the graph.

Appreciate the quick iteration!
Post reply on HN