JSON viewer

HTML

<script src="http://jsoneditoronline.org/lib/jsoneditor/jsoneditor-min.js"></script>
<link rel="stylesheet" href="http://jsoneditoronline.org/lib/jsoneditor/jsoneditor-min.css">
<p>
  This editor is read-only (mode='viewer').
</p>
<div id="jsoneditor"></div>

CSS

body {
      font: 11pt arial;
    }
    #jsoneditor {
      width: 500px;
    }

JavaScript

var container = document.getElementById('jsoneditor');

  var options = {
    mode: 'viewer'
  };

  var json = {
    'array': [1, 2, 3],
    'boolean': true,
    'null': null,
    'number': 123,
    'object': {'a': 'b', 'c': 'd'},
    'string': 'Hello World'
  };
  $('#jsoneditor').jsonViewer(json);

 // var editor = new jsoneditor.JSONEditor(container, options, json);