GitHunt
MA

MaxLeiter/jsonTree

A lightweight vanilla Javascript micro-library for making collapsible trees with JSON

jsonTree

A lightweight vanilla Javascript micro-library for making collapsible trees with JSON

usage

new jsonTree(object, selector, depth);

Because jsonTree uses document.querySelector(selector), selector can either be an ID or class, just be sure to specify with the proper identifier (. for class and # for ID).

"depth" is a boolean which decides if jsonTree should apply a class to all children elements ("depth-#"). This can be used for custom styling but may increase loading times.

The JSON object must be a valid JavaScript object or a properly formatted URL (http://, etc), as XMLHttpRequests are annoying that way.

Languages

JavaScript74.0%HTML24.1%CSS1.9%

Contributors

MIT License
Created August 13, 2015
Updated October 2, 2025
MaxLeiter/jsonTree | GitHunt