I created a lightweight JavaScript library to visualize JSON as a graph

In plain words

This is a lightweight JavaScript library that visualizes JSON data as interactive graphs. It's designed for developers who need to understand complex JSON structures through visual representation. The library focuses on keeping file size minimal while providing clear graph-based visualization of nested data, making it useful for debugging, documentation, and data exploration tasks.

written from the facts on this page · September 2026

From the sources

Effortlessly visualize JSON structures as interactive and dynamic tree diagrams. See example jsontr.ee is a lightweight JavaScript library that transforms JSON data into beautifully rendered, interactive tree diagrams using SVG. Designed for simplicity and flexibility, it supports both arrays and nested objects, ensuring clear and intuitive visualizations of complex data structures. < script src =" path/to/jsontr.ee.js " > </ script > Basic Usage const jsonData = { "name" : "Lou Alcalá" , "projects" : [ { "name" : "JSONtr.ee" , "description" : "JSON Formatter, Validator & Viewer Online | JSONtr.ee" , "url" : "https://jsontr.ee" } , { "name" : "PixSpeed.com" , "description" : "Image…from github.com

• 
  JSON For You – Visualize JSON in graph or table views2024 · github.com · ▲211

  After two years of improvement, I think it's time to share it with you all. Here’s a quick overview: - Common features include validation, formatting, minification, and more. - Visualize JSON in a graph or table view. - Structured comparison with fallback to text comparison. - Navigate though JSON using JSON pointer. - Supports jq. Would love to hear the community's questions, thoughts and comments!

• JA
  JsonTree, a 3.53kb JavaScript tool for generating html trees from JSON2017 · maxleiter.github.io · ▲78

  a lightweight dependency free javascript micro-library for making collapsable trees with JSON

• TL
  Tableau-Like Data Visualizations in JavaScript2018 · charts.com · ▲361
• 
  Chart.js2014 · chartjs.org · ▲263

  Simple, clean & engaging charts for designers and developers

• JG
  JSON Graphs – Create Graphviz Visualizations with JSON Data2021 · nounparse.com · ▲10
• 
  A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297

  Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!

• 
  SimCity, but with Permits▲855

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 20h ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 13d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 14d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 8d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 12d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 22d ago · space.bl2.net

• 
  Lovable▲1,477

  Hey HN! Previous CERN physicist turned hacker here. We've developed a way to make AI coding actually work by systematically identifying and fixing places where LLMs typically fail in full-stack development. Today we're launching as Lovable (previously gptengineer.app) since it's such a big change. The problem? AI writing code typically make small mistakes and then get stuck. Those who tried know the frustration. We fixed most of this by mapping out where LLMs fail in full-stack dev and engineering around those pitfalls with prompt chains. Thanks to this, in all comparisons I found with: v0,…

  AI · 2024 · lovable.dev

• 
  Superchat▲1,427

  AI Agents for WhatsApp Business, Instagram & Co

  Growth · 2024 · superchat.com

• 
  Postiz▲1,188

  Streamline your social media with Postiz. Schedule posts, analyze performance, and manage all accounts in one place.

  Dev tools · 2024 · postiz.com

• 
  I built a(nother) house optimized for LAN parties▲1,117

  I wasn't quite sure if this qualified as "Show HN" given you can't really download it and try it out. However, dang said[0]: > If it's hardware or something that's not so easy to try out over the internet, find a different way to show how it actually works—a video, for example, or a detailed post with photos. Hopefully I did that? Additionally, I've put code and a detailed guide for the netboot computer management setup on GitHub: https:&#x2F;&#x2F;github.com&#x2F;kentonv&#x2F;lanparty Anyway, if this shouldn't have been Show HN, I apologize! [0]…

  Dev tools · 2024 · lanparty.house

• 
  Raycast Notes▲1,058

  Unlock a new level productivity with AI, Cloud Sync and more

  Work · 2024 · raycast.com

• 
  Cap▲1,047

  Beautiful screen recordings, owned by you. 100% open source.

  Dev tools · 2024 · cap.so