Live data from Hacker News

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

github.com

21–30 of 48 posts

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

#21

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…

very nice approach to create svg from json and using css transform for zoom translate.Lightweight and efficient kudos.

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

#22
Beautiful.

Single file, 187 lines of JavaScript, no dependencies, does one thing and does it well.

I wish there was a way to search for libraries like this one. Almost every time I look for some piece of open source software, I end up writing it myself because all the solutions I find are overcomplicated and try to do too many things.

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

#23

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…

This is quite beautiful. I love it! Will use this as an alternative to my mindmap software!

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

#24

How is this different to jsoncrack.com?

Seems like jsoncrack is a product with a paid plan, this one jsontr.ee is standalone (so far). I also found the performance of the graph wasn't very smooth on jsoncrack.

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

#25

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…

I like it, one piece of feedback I have is - the export to PNG button, I wasn't expecting it to be a screenshot of the JSON, I thought it would be the graph; at least to me that would make more sense... paste JSON, see graph, export image of graph. What do you think.

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

#26

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…

I like it, one piece of feedback I have is - the export to PNG button, I wasn't expecting it to be a screenshot of the JSON, I thought it would be the graph; at least to me that would make more sense... paste JSON, see graph, export image of graph. What do you think.

Thanks for the feedback, the option to take a snapshot of the graph sounds good, I will add it to the TODO

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

#30
post #22

Beautiful. Single file, 187 lines of JavaScript, no dependencies, does one thing and does it well. I wish there was a way to search for libraries like this one. Almost every time I look for some piece of open source software, I end up writing it myself because all the solutions I find are overcomplicated and try to do too many things.

> Single file, 187 lines of JavaScript, no dependencies, does one thing and does it well.

Even though I understood your point, a cursory glance suggests it only maps a JavaScript object to a SVG. Hardly something with more than one responsibility, or something you need anything other than plain JavaScript to do.

Post reply on HN