<commit_before># r-arbol
[![npm package](https://img.shields.io/badge/npm-0.2.0-brightgreen.svg)](https://www.npmjs.com/package/r-arbol)

ReactJS Json Tree Viewer

##Demo
http://r-arbol.surge.sh/

Based on a Json Object:

`{
  "id": 1,
  "name": "Foo",
  "price": 123,
  "tags": [
    null,
    undefined,
    "label",
    function () {}
  ],
  "stock": {
    "warehouse": 300,
    "retail": 20,
    "isDisable": true
  }
}`

[<img src="http://r-arbol.surge.sh/tree-sample.png" width="242">](http://r-arbol.surge.sh/)



Skin:
Visual elements as '+', '-', '...', etc are separated from the logic and can be edited in CSS styles.

##Get Started
1. `npm start`

##Roadmap
- [x] Render Visual Tree
	- [x] Any Javascript Object (json, array, etc)
	- [x] Visual elements are separated from the logic

##TODO
- Unit test<commit_msg>updated image<commit_after># r-arbol
[![npm package](https://img.shields.io/badge/npm-0.2.0-brightgreen.svg)](https://www.npmjs.com/package/r-arbol)

ReactJS Json Tree Viewer

##Demo
http://r-arbol.surge.sh/

Based on a Json Object:

`{
  "id": 1,
  "name": "Foo",
  "price": 123,
  "tags": [
    null,
    undefined,
    "label",
    function () {}
  ],
  "stock": {
    "warehouse": 300,
    "retail": 20,
    "isDisable": true
  }
}`

[<img src="http://r-arbol.surge.sh/tree-sample_v2.png" width="242">](http://r-arbol.surge.sh/)



Skin:
Visual elements as '+', '-', '...', etc are separated from the logic and can be edited in CSS styles.

##Get Started
1. `npm start`

##Roadmap
- [x] Render Visual Tree
	- [x] Any Javascript Object (json, array, etc)
	- [x] Visual elements are separated from the logic

##TODO
- Unit test
{'fraction_non_alphanumeric': 0.1933534743202417, 'fraction_numerical': 0.019939577039274924, 'mean_word_length': 3.14, 'pattern_counts': {'":': 16, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1928943', 'n_tokens_mistral': 687, 'n_tokens_neox': 640, 'n_words': 162}