🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple jQuery plugin which converts the JSON data into a collapsible hierarchical tree view to visualize your JSON data in a pretty way.

tree-view json JSON-viewer

Documentation

jJsonViewer Build Status Greenkeeper badge

jJsonViewer is a jquery plugin which you can call on any jquery element. This function takes JSON or stringified JSON as input which will be converted into html and added into given element.

	var jjson = '{ "name": "jJsonViewer","author": { "name": "Shridhar Deshmukh", "email": "[email protected]", "contact": [{"location": "office", "number": 123456}, {"location": "home", "number": 987654}] } }';  	$("#jjson").jJsonViewer(jjson); 

This plugin includes JSON beautifier, you can expand and collapse JSON objects.

Here is how it will look.

Output of jJsonViewer


You May Also Like