JSON To Diagram
Dev Tools

Dev Tools @aidevtools

Joined:
Jan 18, 2025

JSON To Diagram

Publish Date: Feb 15
0 0

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>
Enter fullscreen mode Exit fullscreen mode

Comments 0 total

    Add comment