William Troup

JsonTree.js

Home Documentation Examples Donate Source Code

JsonTree.js - Examples

A customizable, and accessible, JSON visualizer. With tons of settings, JsonTree.js can be tailored to suit your every need. Lightweight.

Download Now

v4.7.0 - 10^th Dec 2024

Basic setup with colored JSON

Disable the tree the colors

Disable the title bar buttons

Disable the title bar copy button

Disable the expand icons

Disable the EOL comas

Disable the Array/Object counts

Disable the line numbers

Disable zero-indexing (index start is 1 instead of 0)

Showing the opening/closing object/array symbols

Show all the Array/Object values as closed

Use paging to show array values

Use paging to show array values with multiple columns

Use paging to show property comparisons across multiple columns

Using themes to change the colors and style

Using translations to support your language

Using tooltips for specific properties

All of the available examples are listed in the left panel. You can experiment with the examples, and get the source examples directly from GitHib.