DEV Community

Cover image for SenangWebs Unfold: Interactive JSON Viewer and Editor as a Flowchart Graph
jQueryScript
jQueryScript

Posted on

SenangWebs Unfold: Interactive JSON Viewer and Editor as a Flowchart Graph

SenangWebs Unfold (SWU): a zero-dependency JavaScript library that turns any JSON data into an interactive flowchart-style graph you can pan, zoom, and edit in real time.

Key features:

  • Visual node graph with bezier connector lines
  • Two-way sync between raw JSON textarea and visual editor
  • In-place value and key editing with double-click
  • Light/dark themes and horizontal/vertical layouts
  • Pure vanilla JS, no external dependencies

Great for debugging API responses, editing config files visually, or building internal admin tools.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)