summerstyle / Jsontreeviewer
Licence: mit
json formatter/viewer/pretty-printer (with jsonTree javascript-library)
Stars: ✭ 211
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Jsontreeviewer
Arare
Lightweight curried functional programming library
Stars: ✭ 127 (-39.81%)
Mutual labels: library, lightweight
Nano
Lightweight, facility, high performance golang based game server framework
Stars: ✭ 1,888 (+794.79%)
Mutual labels: json, lightweight
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-59.72%)
Mutual labels: lightweight, vanilla-js
Json table
Flutter package: Json Table Widget to create table from json array
Stars: ✭ 178 (-15.64%)
Mutual labels: json, library
Ts3admin.class
The ts3admin.class is a powerful api for communication with Teamspeak 3 Servers from your website! Your creativity knows no bounds!
Stars: ✭ 103 (-51.18%)
Mutual labels: library, viewer
Gifloader
An Android Library to load your GIF files
Stars: ✭ 38 (-81.99%)
Mutual labels: library, viewer
Jsontree
A lightweight vanilla Javascript micro-library for making collapsible trees with JSON
Stars: ✭ 170 (-19.43%)
Mutual labels: lightweight, vanilla-js
Internettools
XPath/XQuery 3.1 interpreter for Pascal with compatibility modes for XPath 2.0/XQuery 1.0/3.0, custom and JSONiq extensions, XML/HTML parsers and classes for HTTP/S requests
Stars: ✭ 82 (-61.14%)
Mutual labels: json, library
React Indiana Drag Scroll
React component which implements scrolling via holding the mouse button or touch
Stars: ✭ 190 (-9.95%)
Mutual labels: library, lightweight
Indicators
Activity Indicators for Modern C++
Stars: ✭ 1,838 (+771.09%)
Mutual labels: library, lightweight
Notifier
Notifications library made with VanillaJS.
Stars: ✭ 67 (-68.25%)
Mutual labels: library, vanilla-js
Szl
A lightweight, embeddable scripting language
Stars: ✭ 134 (-36.49%)
Mutual labels: library, lightweight
Cicada
🚀 Fast lightweight HTTP service framework.
Stars: ✭ 851 (+303.32%)
Mutual labels: json, lightweight
Humblelogging
HumbleLogging is a lightweight C++ logging framework. It aims to be extendible, easy to understand and as fast as possible.
Stars: ✭ 15 (-92.89%)
Mutual labels: library, lightweight
Jeelizfacefilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
Stars: ✭ 2,042 (+867.77%)
Mutual labels: library, lightweight
Autoserver
Create a full-featured REST/GraphQL API from a configuration file
Stars: ✭ 188 (-10.9%)
Mutual labels: json, library
jsonTreeViewer and jsonTree library
The library and the viewer released under the MIT license (LICENSE.txt).
jsonTreeViewer
A simple json formatter/viewer based on jsonTree library and app.js framework.
Clone with submodules (including App.js library):
git clone --recursive https://github.com/summerstyle/jsonTreeViewer.git
Online: http://summerstyle.github.io/jsonTreeViewer
- Load json: click on "load" button and load a json-string to opened form
- Expand/collapse single nodes by click on label (recursively - by click with pressed
CTRL
/META
key) - Expand/collapse all tree nodes by click on "expand all" and "collapse all" buttons
- Mark/unmark node labels by click on label with pressed
ALT
key - Show JSONPath of node by click on label with pressed
SHIFT
key
jsonTree library (JSON pretty-printer)
A simple lightweight pure-javascript library for drawing tree of json-nodes from json-object.
You can get json-object from json-string by JSON.parse(str)
method.
Demo: http://summerstyle.github.io/jsonTreeViewer
The library includes only 2 files - libs/jsonTree/jsonTree.js
(18 KB)
and libs/jsonTree/jsonTree.css
(2 KB).
How to use:
html:
<link href="libs/jsonTree/jsonTree.css" rel="stylesheet" />
<script src="libs/jsonTree/jsonTree.js"></script>
javascript:
// Get DOM-element for inserting json-tree
var wrapper = document.getElementById("wrapper");
// Get json-data by javascript-object
var data = {
"firstName": "Jonh",
"lastName": "Smith",
"phones": [
"123-45-67",
"987-65-43"
]
};
// or from a string by JSON.parse(str) method
var dataStr = '{ "firstName": "Jonh", "lastName": "Smith", "phones": ["123-45-67", "987-65-43"]}';
try {
var data = JSON.parse(dataStr);
} catch (e) {}
// Create json-tree
var tree = jsonTree.create(data, wrapper);
// Expand all (or selected) child nodes of root (optional)
tree.expand(function(node) {
return node.childNodes.length < 2 || node.label === 'phoneNumbers';
});
You can create many trees on one html-page.
The available methods of each json tree:
-
loadData(jsonObj)
- Fill new data to current json tree -
appendTo(domEl)
- Appends tree to DOM-element (or move it to new place) -
expand()
- Expands all tree nodes (objects or arrays) recursively -
expand(filterFunc)
- Expands only selected (by filter function) child nodes of root element -
collapse()
- Collapses all tree nodes (objects or arrays) recursively
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].