JSON To Diagram

#codepen

Check out this Pen I made!

Embed JSON Viewer with iframe Example

Overview:

This Pen demonstrates how to embed a JSON viewer using an iframe. The viewer is powered by jsonviewer.tools and displays data from DummyJSON.

Features:

Full-width iframe
Light border with rounded corners for clean UI
Dynamic data loaded from external API

Code Snippet:


html
<iframe
  src="https://jsonviewer.tools/widget?jsonurl=https://dummyjson.com/users/1"
  style="width: 100%; height: 500px; border: 1px solid #ccc; border-radius: 8px;"
  title="JSON Viewer"
></iframe>