\nš Come play with the Treeviz storybook! š \n
\n\n## Installation\n\nWith npm : `npm install treeviz`\n\nand then you can use it with : `import * as Treeviz from 'treeviz';`\n\nOr download this repository and link the dist/index.js file in your page directly : ``\n\n## Usage\n\n#### React\n\nCheck the treeviz wrapper for react: [treeviz-react](./treeviz-react)\n\n#### Vanilla JavaScript\n\n```HTML\n// Define a tree element where dimensions are mandatory\n\n\n\n```\n\nTo update the tree visually you will just have to pass new data to the `refresh` method like this :\n\n```JS\nmyTree.refresh(data);\nmyTree.refresh(data_update1);\nmyTree.refresh(data_update2);\n```\n\nThe tree will be clever enough to updates only the part of the trees that have been added or removed in the dataset, and so it won't redraw the entire tree.\n\n[Treeviz Example](https://codepen.io/pierrecapo/pen/MPbBdv)\n\n#### Hierarchical data case :\n\n```js\nvar hierarchical_data_example = {\n name: \"Mom\",\n qty: 10,\n children: [\n { name: \"Son A\", qty: 3 },\n { name: \"Son B\", qty: 7 },\n ],\n};\n\nvar myTree = Treeviz.create({\n htmlId: \"tree\",\n idKey: \"name\",\n hasFlatData: false,\n relationnalField: \"children\",\n});\n\nmyTree.refresh(hierarchical_data_example);\n```\n\n## API\n\nThe big part of the API is configuring the tree before passing data to it :\n\n```JS\nTreeviz.create(config);\n```\n\nThe table below lists all the avalaible key that the config object can have\n\n| Key | Type | Default | Definition |\n| -------------------------- | --------------------------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `htmlId` | string (Required) | | The HTML id tag on the page where the tree should be drawn. It must have a width and an height specified |\n| `idKey` | string | \"id\" | The key in a data item representing the unique identifier of a node |\n| `relationnalField` | string | \"father\" | In case of flat dataset, usually the relationnal field between each node is the field representing the father of the node, linking it to the id of the field. (See example below). |\n| `hasFlatData` | boolean | true | Specify whether the data passed to the tree is flat or already hierarchical |\n| `hasPan` | boolean | false | Toggle the ability to pan the tree |\n| `hasZoom` | boolean | false | Toggle the ability to zoom the tree |\n| `nodeWidth` | number | 160 | Width of a node in px |\n| `nodeHeight` | number | 100 | Height of a node in px |\n| `linkColor` | function | (nodeData) => \"#ffcc80\" | Color of the link |\n| `linkWidth` | function | (nodeData) => 10 | Width of the link |\n| `linkShape` | \"quadraticBeziers\" \\| \"orthogonal\" \\| \"curve\" | \"quadraticBeziers\" | Shape of the link |\n| `renderNode` | function | (nodeData) => null | HTML template for every node |\n| `isHorizontal` | boolean | true | Direction of the tree. If true, the tree expands from left to right. If false, it goes from top to bottom |\n| `onNodeClick` | function | (nodeData) => null | Function handling the event when someone click on it |\n| `onNodeMouseEnter` | function | (nodeData) => null | Function handling the event when someone hover a node |\n| `onNodeMouseLeave` | function | (nodeData) => null | Function handling the event when the mouse pointer leaves a node |\n| `mainAxisNodeSpacing` | number or \"auto\" | 300 | Set the distance in pixels between two depths in the tree. If the value is `auto` it will automatically display the tree to fit the size of the container. |\n| `secondaryAxisNodeSpacing` | number | 1.25 | Set the distance between nodes in the same level as a coefficient of node dimensions. Recommended to have the value superior to 1 |\n| `marginTop` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginBottom` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginLeft` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginRight` | number | 1.25 | Set the margin between the SVG element and the tree |\n\n## Credits\n\nThis module is based on d3 library, credit to all the contributors of this project.\n\n## License\n\nBSD\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@2.3.0-beta.0","_nodeVersion":"12.14.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-umRJk+SVoal4LfewEI1LYqhGQEUsOA3jpDPmlcoFvrIZno2uN1+PUHx6YMQgGjhJwpX9/ifiMHoh+3wKxE3nMg==","shasum":"cbe597286c1b5ca06859ee089c043dd6b9eaac11","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-2.3.0-beta.0.tgz","fileCount":60,"unpackedSize":904341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJ7sgCRA9TVsSAnZWagAAhysP/0y+VoUyZte2GKHpRStb\nCnIWFvOhnEyt/Bmgmu4qliz89sfaDxkT7kU22C5ZgBBLHPboRDlGmCt5l8wR\n49xsS5mFxQvlL7pFodH8WQKXci/9PxcSWzs3Ky2z9/uF5kK16yuMs6ahcCiU\nRlVacJSXM7jO1sD+nIGXpe3NJiPEGA+NaNJzIjov5GtcvMsn6QAFr2gwdsS3\nQkNzWuFVTrDyVqJ64MvfXi/Nr/3ZDJkohdWzJO2uE5AEB4S48XAUIvr0f0le\n0+UiWHaFyOKOwP3cyqRunIzSRWptt671YT+7xfKO0WmTWRvwnUQFObKji8hw\nn4SAFajjx8id0Az8E3sFqgRaCZXZWt5EZ+yl342pfkpKHsgGQRcMupKLJ9Lj\nuxpQdLTwvqDMbih72su1bxlZkJxKrQ/WskW+cE1ZFjf19qwyZ6JJtUfoc4j8\n+MRRDiuZfMIvqSyIZi/YSMRK4bkGbduvNE2VjFwDQIKmyv6B1bRwPlw00TLo\n1LxS54nyxLsBdfhYQvq5n0NWErk+lC1hvMbxNJTuA+r4iO+cOnUD/bWU4MGK\nYMpA/wVgAGLLtzOR+VWR3IwubCIEOSfrimcWSGTFnZUkLxuJ1dmhmYzyxer2\nNYFuicpi2O5mmwIDPfWrc95P0nNLM9C6aoIRowZgObJK2kw3NBdBgp6+cC1L\nVtdo\r\n=9Naq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+BK5uHdE9LMj0d/WOfC2byFDdRTedH6nPOtJjvMm3DgIhAO68LSJMHEeXaaqeFDEaB2L9oF2lc+ArbjUxTfyNxPgH"}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_2.3.0-beta.0_1613216544351_0.20400978208023446"},"_hasShrinkwrap":false},"2.3.0-beta.1":{"name":"treeviz","version":"2.3.0-beta.1","description":"Library which aims to represent trees for data visualization","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git://github.com/PierreCapo/treeviz.git"},"license":"BSD-3-Clause","main":"./dist/index.js","types":"./dist/typescript/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","dev:typescript":"yarn tsc --p ./tsconfig.json","dev:typescript:watch":"yarn tsc --p ./tsconfig.json --watch","dev:parcel":"yarn parcel ./demo/index.html --global Treeviz","dev":"npm-run-all --sequential dev:typescript --parallel dev:typescript:watch dev:parcel","prod:build":"npm-run-all --sequential dev:typescript prod:parcel","prod:parcel":"yarn parcel build ./dist/javascript/index.js --global Treeviz"},"dependencies":{"@types/d3-hierarchy":"^2.0.0","@types/d3-selection":"^2.0.0","@types/d3-zoom":"^2.0.0","d3-hierarchy":"^2.0.0","d3-selection":"^2.0.0","d3-zoom":"^2.0.0"},"devDependencies":{"npm-run-all":"^4.1.5","parcel":"^1.12.4","tsc":"^1.20150623.0","typescript":"^4.1.5"},"readme":"# Treeviz\n\n[](https://snyk.io/test/github/dwyl/hapi-auth-jwt2?targetFile=package.json)\n\n[](./LICENSE)\n\nThis javascript module aims at providing an easy interface in order to represent tree diagrams on screen with the ability to handle dynamic data flows. The data format must be JSON.\n\n\n\n\nš Come play with the Treeviz storybook! š \n
\n\n## Installation\n\nWith npm : `npm install treeviz`\n\nand then you can use it with : `import * as Treeviz from 'treeviz';`\n\nOr download this repository and link the dist/index.js file in your page directly : ``\n\n## Usage\n\n#### React\n\nCheck the treeviz wrapper for react: [treeviz-react](./treeviz-react)\n\n#### Vanilla JavaScript\n\n```HTML\n// Define a tree element where dimensions are mandatory\n\n\n\n```\n\nTo update the tree visually you will just have to pass new data to the `refresh` method like this :\n\n```JS\nmyTree.refresh(data);\nmyTree.refresh(data_update1);\nmyTree.refresh(data_update2);\n```\n\nThe tree will be clever enough to updates only the part of the trees that have been added or removed in the dataset, and so it won't redraw the entire tree.\n\n[Treeviz Example](https://codepen.io/pierrecapo/pen/MPbBdv)\n\n#### Hierarchical data case :\n\n```js\nvar hierarchical_data_example = {\n name: \"Mom\",\n qty: 10,\n children: [\n { name: \"Son A\", qty: 3 },\n { name: \"Son B\", qty: 7 },\n ],\n};\n\nvar myTree = Treeviz.create({\n htmlId: \"tree\",\n idKey: \"name\",\n hasFlatData: false,\n relationnalField: \"children\",\n});\n\nmyTree.refresh(hierarchical_data_example);\n```\n\n## API\n\nThe big part of the API is configuring the tree before passing data to it :\n\n```JS\nTreeviz.create(config);\n```\n\nThe table below lists all the avalaible key that the config object can have\n\n| Key | Type | Default | Definition |\n| -------------------------- | --------------------------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `htmlId` | string (Required) | | The HTML id tag on the page where the tree should be drawn. It must have a width and an height specified |\n| `idKey` | string | \"id\" | The key in a data item representing the unique identifier of a node |\n| `relationnalField` | string | \"father\" | In case of flat dataset, usually the relationnal field between each node is the field representing the father of the node, linking it to the id of the field. (See example below). |\n| `hasFlatData` | boolean | true | Specify whether the data passed to the tree is flat or already hierarchical |\n| `hasPan` | boolean | false | Toggle the ability to pan the tree |\n| `hasZoom` | boolean | false | Toggle the ability to zoom the tree |\n| `nodeWidth` | number | 160 | Width of a node in px |\n| `nodeHeight` | number | 100 | Height of a node in px |\n| `linkColor` | function | (nodeData) => \"#ffcc80\" | Color of the link |\n| `linkWidth` | function | (nodeData) => 10 | Width of the link |\n| `linkShape` | \"quadraticBeziers\" \\| \"orthogonal\" \\| \"curve\" | \"quadraticBeziers\" | Shape of the link |\n| `renderNode` | function | (nodeData) => null | HTML template for every node |\n| `isHorizontal` | boolean | true | Direction of the tree. If true, the tree expands from left to right. If false, it goes from top to bottom |\n| `onNodeClick` | function | (nodeData) => null | Function handling the event when someone click on it |\n| `onNodeMouseEnter` | function | (nodeData) => null | Function handling the event when someone hover a node |\n| `onNodeMouseLeave` | function | (nodeData) => null | Function handling the event when the mouse pointer leaves a node |\n| `mainAxisNodeSpacing` | number or \"auto\" | 300 | Set the distance in pixels between two depths in the tree. If the value is `auto` it will automatically display the tree to fit the size of the container. |\n| `secondaryAxisNodeSpacing` | number | 1.25 | Set the distance between nodes in the same level as a coefficient of node dimensions. Recommended to have the value superior to 1 |\n| `marginTop` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginBottom` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginLeft` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginRight` | number | 1.25 | Set the margin between the SVG element and the tree |\n\n## Credits\n\nThis module is based on d3 library, credit to all the contributors of this project.\n\n## License\n\nBSD\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@2.3.0-beta.1","_nodeVersion":"12.14.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-/C7UtrjH7SvSI8K6RB9zMWEQgDcBBUv9+S2z87uo6Nln64A2Mgh6cTcdhQmXL1nO87MsT48VWEbyOAKEpvuVAA==","shasum":"0569a363488c62df426785cb25f398776939e09f","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-2.3.0-beta.1.tgz","fileCount":60,"unpackedSize":1413630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJ79/CRA9TVsSAnZWagAA6o8P/13XWJcNjEpDWslQxRK9\nKAkKm4aX8oEMM//6GgnJhGTQAi9QQTTHTzvH8Z0lwNHduGmu1doMPglwCrOm\nKOkJSVijIztjgN/7W2QF8BGAIDqp8zkIUGlp4BS6GAtVLv1yqJGAM9rhaZL6\nF+yi8R3EB7Iz5d0nKxUJukTeNyEye5rUzId/LBNZgAgkwDYk+6Y/TEHgNLDP\n5UY0WfzI/kfpDsdsqipb38hrj675WWm60AQ2HJgvBgMSOcVVIYF/7z15ao07\nQi/mztbZGGJ4WCBYnyRgn3gK+tEA/LdrF605Kz/PGukFlkl0Hg9K1oJpNLQV\nSqFff0xo1Bq506cdfb8T8JXzEEJc37+Snf5BPN5QlMMVVH5Xifo3gisUXl11\nFSiOdd9prHOJq29UnqFJrnuoxwjsSJkIvRg9fyUONxEyQ2Xi9/rd60Mr23ub\n/XtcpNpWmWifyJY8t00pP0mGdz4FXZyPADtuOZ/iRSSBZOWYHCYfcGpzl9DE\nu29i0zCPabEHmctnUbWW+oBgyndqc+MDrmgXIM5ZM0gcbxt9Gx3D5MDKo8u2\nK4//TKobqYGMP7NPBv/SRJwzKqQtocMjRKbxlQ4LldeAagvpfEgBk9TB1TBS\nJqw4kvTjoXfcvG2IxhXXhI6JuXJFmRXEKb3OZs9AlUbbXjT9S2yjqxjO76Q0\nuKMx\r\n=HseS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFoz7yGUmvONqxFmtAYDcAAW62RmFje5yIXOKlx21UBYAiAi0VdueCrwvdk+KIQwYtpHWenMkZ92nRPHF/gPlwVedg=="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_2.3.0-beta.1_1613217663100_0.7320404701562879"},"_hasShrinkwrap":false},"2.3.0-beta.2":{"name":"treeviz","version":"2.3.0-beta.2","description":"Library which aims to represent trees for data visualization","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git://github.com/PierreCapo/treeviz.git"},"license":"BSD-3-Clause","main":"./dist/index.js","types":"./dist/typescript/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","dev:typescript":"yarn tsc --p ./tsconfig.json","dev:typescript:watch":"yarn tsc --p ./tsconfig.json --watch","dev:parcel":"yarn parcel ./demo/index.html --global Treeviz","dev":"npm-run-all --sequential dev:typescript --parallel dev:typescript:watch dev:parcel","prod:build":"npm-run-all --sequential dev:typescript prod:parcel","prod:parcel":"yarn parcel build ./dist/javascript/index.js --global Treeviz"},"dependencies":{"@types/d3-hierarchy":"^2.0.0","@types/d3-selection":"^2.0.0","@types/d3-zoom":"^2.0.0","d3-hierarchy":"^2.0.0","d3-selection":"^2.0.0","d3-zoom":"^2.0.0"},"devDependencies":{"npm-run-all":"^4.1.5","parcel":"^1.12.4","tsc":"^1.20150623.0","typescript":"^4.1.5"},"readme":"# Treeviz\n\n[](https://snyk.io/test/github/dwyl/hapi-auth-jwt2?targetFile=package.json)\n\n[](./LICENSE)\n\nThis javascript module aims at providing an easy interface in order to represent tree diagrams on screen with the ability to handle dynamic data flows. The data format must be JSON.\n\n\n\n\nš Come play with the Treeviz storybook! š \n
\n\n## Installation (NPM)\n\nWith npm : `npm install treeviz`\n\nand then you can use it with : `import * as Treeviz from 'treeviz';`\n\n## Installation (Vanilla HTML/JS)\n\nDownload the `dist/index.js` from this reporsitory : [Go to dist file](./dist).\nThen add a tool like [requirejs](https://requirejs.org/) to be able to load and use this library :\n\n```HTML\n\n\n```\n\nTo update the tree visually you will just have to pass new data to the `refresh` method like this :\n\n```JS\nmyTree.refresh(data);\nmyTree.refresh(data_update1);\nmyTree.refresh(data_update2);\n```\n\nThe tree will be clever enough to updates only the part of the trees that have been added or removed in the dataset, and so it won't redraw the entire tree.\n\n[Treeviz Example](https://codepen.io/pierrecapo/pen/MPbBdv)\n\n#### Hierarchical data case :\n\n```js\nvar hierarchical_data_example = {\n name: \"Mom\",\n qty: 10,\n children: [\n { name: \"Son A\", qty: 3 },\n { name: \"Son B\", qty: 7 },\n ],\n};\n\nvar myTree = Treeviz.create({\n htmlId: \"tree\",\n idKey: \"name\",\n hasFlatData: false,\n relationnalField: \"children\",\n});\n\nmyTree.refresh(hierarchical_data_example);\n```\n\n## API\n\nThe big part of the API is configuring the tree before passing data to it :\n\n```JS\nTreeviz.create(config);\n```\n\nThe table below lists all the avalaible key that the config object can have\n\n| Key | Type | Default | Definition |\n| -------------------------- | --------------------------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `htmlId` | string (Required) | | The HTML id tag on the page where the tree should be drawn. It must have a width and an height specified |\n| `idKey` | string | \"id\" | The key in a data item representing the unique identifier of a node |\n| `relationnalField` | string | \"father\" | In case of flat dataset, usually the relationnal field between each node is the field representing the father of the node, linking it to the id of the field. (See example below). |\n| `hasFlatData` | boolean | true | Specify whether the data passed to the tree is flat or already hierarchical |\n| `hasPan` | boolean | false | Toggle the ability to pan the tree |\n| `hasZoom` | boolean | false | Toggle the ability to zoom the tree |\n| `nodeWidth` | number | 160 | Width of a node in px |\n| `nodeHeight` | number | 100 | Height of a node in px |\n| `linkColor` | function | (nodeData) => \"#ffcc80\" | Color of the link |\n| `linkWidth` | function | (nodeData) => 10 | Width of the link |\n| `linkShape` | \"quadraticBeziers\" \\| \"orthogonal\" \\| \"curve\" | \"quadraticBeziers\" | Shape of the link |\n| `renderNode` | function | (nodeData) => null | HTML template for every node |\n| `isHorizontal` | boolean | true | Direction of the tree. If true, the tree expands from left to right. If false, it goes from top to bottom |\n| `onNodeClick` | function | (nodeData) => null | Function handling the event when someone click on it |\n| `onNodeMouseEnter` | function | (nodeData) => null | Function handling the event when someone hover a node |\n| `onNodeMouseLeave` | function | (nodeData) => null | Function handling the event when the mouse pointer leaves a node |\n| `mainAxisNodeSpacing` | number or \"auto\" | 300 | Set the distance in pixels between two depths in the tree. If the value is `auto` it will automatically display the tree to fit the size of the container. |\n| `secondaryAxisNodeSpacing` | number | 1.25 | Set the distance between nodes in the same level as a coefficient of node dimensions. Recommended to have the value superior to 1 |\n| `marginTop` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginBottom` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginLeft` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginRight` | number | 1.25 | Set the margin between the SVG element and the tree |\n\n## Credits\n\nThis module is based on d3 library, credit to all the contributors of this project.\n\n## License\n\nBSD\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@2.3.0-beta.2","_nodeVersion":"12.14.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-imtcCjFXfiArfKKv0f6CCAMe75RqBOXsjxhJx0REMZdAFkqLQQp6/UqV7JqexdqlTUgTUh0oYBLzs6SlZfsE3g==","shasum":"fa73ccff942efefc360ea24b2ae2215838998931","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-2.3.0-beta.2.tgz","fileCount":60,"unpackedSize":1414008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJ8fRCRA9TVsSAnZWagAAjY4P/17Cqst0EWSq4oGo9WRw\n1V50u4ILn4CaObq1VviAL6He9vHAyEEjgjy0337T8F6YdzMjLPKioNqQGq5R\nmGKY6d69kOaJgj+Hl1YT0Bt+calWH6jzaXPjg9No/VvH2pOiLHVnzmyQN3bb\nzs05/mTdQvA3ymCs/tkfwLV6XWXGqGkgeB/DUxTXcOcecr0hXv3IWAJ6LXGF\nTkRrd901SLAcP/wbVdX4yBv43hOTQSmK1fhwPUWDWWdCUXJj6jpVojzCV7zy\nlO8fvoWiaTsQ1CrwM+cBW81cIjbQ5/vZojbhPNsTuVlWAI0ockAugil+wJak\nVJJfGMuvaO+Cm/I7XAg2tcl/hMqHLMv+Z+VXpdM2YkIC1y0LF2qUjbkmXSmV\n35os3ZCvVznVUfZhg/V3skAH62WispnOF3wni62WZxlUVf3HPDRfTHJj10wa\nF8qCMK6hgVs4Wk7jm94KguLMveGpji1z05j+J7g5pWNyGgFVC9tezCDsoz6N\nN9wPrWcmexy9OFJxkCu1Sm67PaYpM27yFLROOn0B46bFM1lKc2w8CGLqZ+4o\nvMpjGPztz9k8JO6yDUVweAWvGmQf3OOQoGD5G81APWETSi4L+X2imfKLPeOq\nbhTLw6aIMXT2QjheNQmgGSOEpbRtGMRx4DQjHiR58PdQYa75epvnVlmChIYt\nz7p3\r\n=1TbN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFUSPAY6fvcz2bY2DgZqbSQXWfT7Jf9+DsaKzMzYjGbQAiEAsh2z0162SOOnqRRqDLwlfw3YyZ0rsW+RWBVLm8SQOC0="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_2.3.0-beta.2_1613219792907_0.8818271376145881"},"_hasShrinkwrap":false},"2.3.0":{"name":"treeviz","version":"2.3.0","description":"Library which aims to represent trees for data visualization","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git://github.com/PierreCapo/treeviz.git"},"license":"BSD-3-Clause","main":"./dist/index.js","types":"./dist/typescript/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","dev:typescript":"yarn tsc --p ./tsconfig.json","dev:typescript:watch":"yarn tsc --p ./tsconfig.json --watch","dev:parcel":"yarn parcel ./demo/index.html --global Treeviz","dev":"npm-run-all --sequential dev:typescript --parallel dev:typescript:watch dev:parcel","prod:build":"npm-run-all --sequential dev:typescript prod:parcel","prod:parcel":"yarn parcel build ./dist/javascript/index.js --global Treeviz"},"dependencies":{"@types/d3-hierarchy":"^2.0.0","@types/d3-selection":"^2.0.0","@types/d3-zoom":"^2.0.0","d3-hierarchy":"^2.0.0","d3-selection":"^2.0.0","d3-zoom":"^2.0.0"},"devDependencies":{"npm-run-all":"^4.1.5","parcel":"^1.12.4","tsc":"^1.20150623.0","typescript":"^4.1.5"},"bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@2.3.0","_nodeVersion":"12.14.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hCmPnf7Hn4D+KMTLm+jpC3NApwl8h7j0qvmb6fOcJkuRhTOLP17F1mA+MOaUKk2nVYLnoB4htSr1zxVq44wl2w==","shasum":"0bfa31f47f87a5ed58ea66137f0cc9f115451a96","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-2.3.0.tgz","fileCount":60,"unpackedSize":1414001,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJ8vjCRA9TVsSAnZWagAAdvsP/1Gy3ATAQjwNhVhsJ8kn\nYRZtUj3bVjKqEDZ2mPfG+rsMZ+UfTPandreMgDBsuwNs2PjLogfUXZYRw7vz\nhpb/p+csMYWe7S3K2mRy1/+FiH3tNZNjNI22YofM4d25aafmkqVQp8vPROyw\nMt5olwKFkANloWhQQA8Bf0/h1MhjcK+IUmWoc/7Suib2Zob7Td066dbmmi9X\n2OiMWfRQ5tOSkmQMzRQhIVhmJ6g48jAUtj8KEQQ0fUvwdhD0G7WPtZVg5nrP\n+j845/urqjQV7QvHt8KC3FSBq4jOx00qmYkyjaSU4axRmOP5vg4jsU4RPn8l\nE3waqafe6h7W7YkZD8i2F1LTcY8ux5MRrrrRzqVA7G4Lp4agD3QYlgOWcpcs\n9j0UztLN2DdFyaEImYlucvpXQ69Xzssi2OdBYF33KdAAJAcOCqr0ArENcLaA\nlR9376W1j07O/Dom1F3ynLQEMJFQFQTk743VeZB0dMzbKgilq5lja8xKa6BX\n2svGNzBGENYSqKJcZjw0nrAfr1UYvbh2ytGWsQf8b7/P+K4ELCN5XfG2E6Vi\nWFiVWrYonRQ9YfYyAcCT+fQwq+6zHhx/VDEiO7hJLDheCF2OkFDBhu6YR79P\ntuDZhNLL9Up5LLzyFEVGGyKy0JsyW0TM8TxAwlzMeyupq7jGyMOd2q1J+Vta\ni1FZ\r\n=dZt6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGaIJXPK/3XUpdr0CRHQMW3rWovJEswiDPFLWN/QDtexAiB0hCc5wWicgImGmABc+3dfDWFaBxywDUx2USGdi7tgWQ=="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_2.3.0_1613220834810_0.02208865726171627"},"_hasShrinkwrap":false},"3.0.0-alpha.0":{"name":"treeviz","version":"3.0.0-alpha.0","type":"module","description":"Library which aims to represent trees for data visualization","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git+https://github.com/PierreCapo/treeviz.git"},"scripts":{"dev":"vite","build":"tsc && vite build","deploy":"tsc && vite build && npm publish","preview":"vite preview"},"devDependencies":{"@types/node":"^20.10.3","typescript":"^5.3.2","vite":"^5.0.6","vite-plugin-dts":"^3.6.4"},"dependencies":{"@types/d3-hierarchy":"^3.1.6","@types/d3-selection":"^3.0.10","@types/d3-transition":"^3.0.8","@types/d3-zoom":"^3.0.8","d3-hierarchy":"^3.1.2","d3-selection":"^3.0.0","d3-transition":"^3.0.1","d3-zoom":"^3.0.0"},"gitHead":"f90424829cb6cfbbe9f0b99f5c8f2937517c45bd","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@3.0.0-alpha.0","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-UKA0SAPuzSZGrYrdXHZljxgqBSK9yN2zFAKwZe4yjsCCxclEOmsMGmIYBl2v4wbRiY+pJvt46Y6ora4gHBpNGQ==","shasum":"aca68ab262c76b21197acbe65a102cf51acd9a80","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-3.0.0-alpha.0.tgz","fileCount":20,"unpackedSize":39420,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnTbj33OQ/TXSvLBVLNUmGtBQRj+egchaX79Wwd+0ZDAIgZ8NYu7Pbc0OW2Cqj2hLOTZ+pah2b3bX9XPN+eWZEZTA="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_3.0.0-alpha.0_1701861715298_0.3914550160380941"},"_hasShrinkwrap":false},"3.0.0-alpha.1":{"name":"treeviz","version":"3.0.0-alpha.1","type":"module","description":"Library which aims to represent trees for data visualization","license":"MIT","main":"./dist/treeviz.js","types":"./dist/index.d.ts","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git+https://github.com/PierreCapo/treeviz.git"},"scripts":{"dev":"vite","build":"tsc && vite build","deploy":"tsc && vite build && npm publish","preview":"vite preview"},"devDependencies":{"@types/node":"^20.10.3","typescript":"^5.3.2","vite":"^5.0.6","vite-plugin-dts":"^3.6.4"},"dependencies":{"@types/d3-hierarchy":"^3.1.6","@types/d3-selection":"^3.0.10","@types/d3-transition":"^3.0.8","@types/d3-zoom":"^3.0.8","d3-hierarchy":"^3.1.2","d3-selection":"^3.0.0","d3-transition":"^3.0.1","d3-zoom":"^3.0.0"},"gitHead":"f90424829cb6cfbbe9f0b99f5c8f2937517c45bd","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@3.0.0-alpha.1","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-8LiZ4fD0wJZG5RCszlzuIy1qNLe5gkGaZfCRHuAqSbAGuSZ6czIAuPuGYi9btHJwI7t0hW56agsccffY10EnSg==","shasum":"ef7e9308635199a86140948d9b31859f24ec7ff4","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-3.0.0-alpha.1.tgz","fileCount":20,"unpackedSize":39642,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVpa7MDyXacHtO40AyzHgy4zLnNVBW5kB9cpCRY1ZFZAIgZoK0FBSbVf+0Lwo7f5G3eTpAYQVvvnG2yNfHnt2FgZI="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_3.0.0-alpha.1_1701862412113_0.6427949316179837"},"_hasShrinkwrap":false},"3.0.0-alpha.2":{"name":"treeviz","version":"3.0.0-alpha.2","type":"module","description":"Library which aims to represent trees for data visualization","license":"MIT","main":"./dist/treeviz.js","types":"./dist/index.d.ts","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git+https://github.com/PierreCapo/treeviz.git"},"scripts":{"dev":"vite","build":"tsc && vite build","deploy":"tsc && vite build && npm publish","preview":"vite preview"},"devDependencies":{"@types/node":"^20.10.3","typescript":"^5.3.2","vite":"^5.0.6","vite-plugin-dts":"^3.6.4"},"dependencies":{"@types/d3-hierarchy":"^3.1.6","@types/d3-selection":"^3.0.10","@types/d3-transition":"^3.0.8","@types/d3-zoom":"^3.0.8","d3-hierarchy":"^3.1.2","d3-selection":"^3.0.0","d3-transition":"^3.0.1","d3-zoom":"^3.0.0"},"gitHead":"f90424829cb6cfbbe9f0b99f5c8f2937517c45bd","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@3.0.0-alpha.2","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-VrRqBg8Gm+9jERwmeeA7TwSqP3IXGe22BDVubjPC2sl46ZzIdOkLXfJiKcFDZGWJDCKqIkni45Bw0ZvOOpTTUw==","shasum":"adb9eb2e6803f478faf35a5678269dd6012ae195","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-3.0.0-alpha.2.tgz","fileCount":34,"unpackedSize":133405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFyVsgAQLe6+7remEq9u0KYTInS394BJ6t0Aloe1UOPZAiA9ucetPkkOMBHAjk1Jn/fl2uwidWZ0Qy5QTkyILTH9NA=="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_3.0.0-alpha.2_1701862751396_0.7310328025077435"},"_hasShrinkwrap":false},"3.0.0-alpha.3":{"name":"treeviz","version":"3.0.0-alpha.3","type":"module","description":"Library which aims to represent trees for data visualization","license":"MIT","main":"./dist/treeviz.js","types":"./dist/index.d.ts","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git+https://github.com/PierreCapo/treeviz.git"},"scripts":{"dev":"vite","build":"tsc && vite build","deploy":"tsc && vite build && npm publish","preview":"vite preview"},"devDependencies":{"@types/node":"^20.10.3","typescript":"^5.3.2","vite":"^5.0.6","vite-plugin-dts":"^3.6.4"},"dependencies":{"@types/d3-hierarchy":"^3.1.6","@types/d3-selection":"^3.0.10","@types/d3-transition":"^3.0.8","@types/d3-zoom":"^3.0.8","d3-hierarchy":"^3.1.2","d3-selection":"^3.0.0","d3-transition":"^3.0.1","d3-zoom":"^3.0.0","treeviz":"^3.0.0-alpha.2"},"gitHead":"f90424829cb6cfbbe9f0b99f5c8f2937517c45bd","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@3.0.0-alpha.3","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-kV8krSH4BOPWZb2ZS2OVGue2aw4vUqo7yrqaUq3dK2igiWP9F1D1mEqnjEaa3Kx83iUx3Pi+QmNv4/YNxiniTw==","shasum":"c3134ab97af80acf9015ab5db6e8113127beb1e3","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-3.0.0-alpha.3.tgz","fileCount":34,"unpackedSize":49390,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6UFIeOwmmZMDTuw2XNzsSYwawZ85+0wt8gCu1llX5fgIhALrFPBX7YS8nIcNLaqLkmtirTPrTBQIk2uebmBJKS2Qs"}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_3.0.0-alpha.3_1701863039072_0.06250848462734315"},"_hasShrinkwrap":false},"3.0.0-alpha.4":{"name":"treeviz","version":"3.0.0-alpha.4","type":"module","description":"Library which aims to represent trees for data visualization","license":"MIT","main":"./dist/treeviz.js","types":"./dist/index.d.ts","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git+https://github.com/PierreCapo/treeviz.git"},"scripts":{"dev":"vite","build":"tsc && vite build","deploy":"tsc && vite build && npm publish","preview":"vite preview"},"devDependencies":{"@types/node":"^20.10.3","typescript":"^5.3.2","vite":"^5.0.6","vite-plugin-dts":"^3.6.4"},"dependencies":{"@types/d3-hierarchy":"^3.1.6","@types/d3-selection":"^3.0.10","@types/d3-transition":"^3.0.8","@types/d3-zoom":"^3.0.8","d3-hierarchy":"^3.1.2","d3-selection":"^3.0.0","d3-transition":"^3.0.1","d3-zoom":"^3.0.0","treeviz":"^3.0.0-alpha.2"},"gitHead":"f90424829cb6cfbbe9f0b99f5c8f2937517c45bd","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@3.0.0-alpha.4","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-zNMi/qHLWk7BIp95pQMq29kdEKEHKj1MzAklKBzC/K7CJ+KswOHDex+kdjmieETCbyu34pmiGd8dd5BM3arfkQ==","shasum":"5cc941a2038d3ca4ef5e8b2730795042ee9dc108","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-3.0.0-alpha.4.tgz","fileCount":16,"unpackedSize":21530,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXqkH9slHnwJq/KK9dlGZtx6x58/OlGAOOL4MKRlsWxAIgRepyP/SwIhseKncelp/11ffTD32Xb3x9k9TQNPjxVU8="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_3.0.0-alpha.4_1701863100263_0.6439603250814496"},"_hasShrinkwrap":false},"3.0.0":{"name":"treeviz","version":"3.0.0","type":"module","description":"Library which aims to represent trees for data visualization","license":"MIT","main":"./dist/treeviz.js","types":"./dist/index.d.ts","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git+https://github.com/PierreCapo/treeviz.git"},"scripts":{"dev":"vite","build":"tsc && vite build","deploy":"tsc && vite build && npm publish","preview":"vite preview"},"devDependencies":{"@types/node":"^20.10.3","typescript":"^5.3.2","vite":"^5.0.6","vite-plugin-dts":"^3.6.4"},"dependencies":{"@types/d3-hierarchy":"^3.1.6","@types/d3-selection":"^3.0.10","@types/d3-transition":"^3.0.8","@types/d3-zoom":"^3.0.8","d3-hierarchy":"^3.1.2","d3-selection":"^3.0.0","d3-transition":"^3.0.1","d3-zoom":"^3.0.0"},"gitHead":"15257dcf527afd112ff831f0c73de65d78dd1433","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@3.0.0","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-mdTfq6RwvidHJyxdzi+ernKnRE0hv5SMKR0mYTVMqsZW/pgci89OzAS1WmupznxQYGGoHO9DoFyqarEWPQCw0g==","shasum":"13382fa3ba8182e693cf8ab56d677e742fa63eb4","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-3.0.0.tgz","fileCount":16,"unpackedSize":21273,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC4HDaQEOPwTA4sEMSZJtiUl/OpELx5/YvrEQK+HFjV8AiBvpJdm0y/0mwRYEb0wxK0gpwdcnfZLpufCcPSLwsJF7A=="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_3.0.0_1701863600548_0.6084612588814038"},"_hasShrinkwrap":false},"3.0.1":{"name":"treeviz","version":"3.0.1","type":"module","description":"Library which aims to represent trees for data visualization","license":"MIT","main":"./dist/treeviz.js","types":"./dist/index.d.ts","keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"repository":{"type":"git","url":"git+https://github.com/PierreCapo/treeviz.git"},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"devDependencies":{"@types/node":"^20.10.3","typescript":"^5.3.2","vite":"^5.0.6","vite-plugin-dts":"^3.6.4"},"dependencies":{"@types/d3-hierarchy":"^3.1.6","@types/d3-selection":"^3.0.10","@types/d3-transition":"^3.0.8","@types/d3-zoom":"^3.0.8","d3-hierarchy":"^3.1.2","d3-selection":"^3.0.0","d3-transition":"^3.0.1","d3-zoom":"^3.0.0"},"gitHead":"88f5e9ba13795e84271868e9d15582023293709c","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"homepage":"https://github.com/PierreCapo/treeviz#readme","_id":"treeviz@3.0.1","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-7uyYH2Geu76kGEXb7+rpWEbrI+i0by8DyZXVXnGhbLnSp2VX3oUW37Q0FF791y4C3D5fwdQFkyMqiawjM/n1BA==","shasum":"ee1fde482bb32c3445d426918eb3a10306ef6cf5","tarball":"https://registry.npmjs.org/treeviz/-/treeviz-3.0.1.tgz","fileCount":16,"unpackedSize":21893,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBbBJ0dWV/Ji2aHorSfq9yOeJb4YjOHhRHlyFWQTVR24AiAoeB2xUvqztpt17zUhatKePRtj7m8EAP1LwYtUWFDx5Q=="}]},"_npmUser":{"name":"pierrecapo","email":"capo.pierre@gmail.com"},"directories":{},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/treeviz_3.0.1_1701868412217_0.11151554107416173"},"_hasShrinkwrap":false}},"time":{"created":"2018-06-10T17:41:00.103Z","1.0.0":"2018-06-10T17:41:00.203Z","modified":"2023-12-06T13:13:32.618Z","1.0.1":"2018-06-21T23:03:31.797Z","1.0.2":"2018-07-12T21:28:44.017Z","1.0.3":"2018-10-06T18:22:23.527Z","1.0.4":"2018-10-08T11:32:29.943Z","1.0.5":"2018-10-08T14:35:10.884Z","1.1.0":"2018-11-11T22:15:25.043Z","1.1.1":"2018-11-12T13:02:44.306Z","1.1.2":"2018-11-12T22:34:21.978Z","1.1.3":"2018-11-15T22:30:18.649Z","1.1.4":"2018-12-12T22:10:41.225Z","1.1.5":"2018-12-18T21:45:05.644Z","1.1.6":"2018-12-23T21:06:32.686Z","1.1.7":"2018-12-23T21:21:38.548Z","1.1.8":"2018-12-26T12:14:14.837Z","1.1.9":"2018-12-27T11:22:01.558Z","1.2.0":"2019-02-09T12:07:47.514Z","1.3.0":"2019-02-21T21:38:57.307Z","1.3.1":"2019-04-06T18:02:03.054Z","1.3.2":"2019-04-08T22:03:31.886Z","1.3.3":"2019-04-09T11:41:21.347Z","1.3.4":"2019-06-08T14:10:58.440Z","2.0.0":"2019-07-28T16:47:17.492Z","2.1.0":"2019-08-03T13:06:46.182Z","2.1.1":"2019-08-14T22:45:04.661Z","2.2.0":"2019-10-13T15:27:51.956Z","2.2.1":"2020-02-17T22:34:05.514Z","2.2.2":"2020-05-03T17:49:49.856Z","2.2.3":"2020-06-17T13:31:42.371Z","2.3.0-beta.0":"2021-02-13T11:42:24.527Z","2.3.0-beta.1":"2021-02-13T12:01:03.318Z","2.3.0-beta.2":"2021-02-13T12:36:33.062Z","2.3.0":"2021-02-13T12:53:54.954Z","3.0.0-alpha.0":"2023-12-06T11:21:55.515Z","3.0.0-alpha.1":"2023-12-06T11:33:32.257Z","3.0.0-alpha.2":"2023-12-06T11:39:11.628Z","3.0.0-alpha.3":"2023-12-06T11:43:59.225Z","3.0.0-alpha.4":"2023-12-06T11:45:00.447Z","3.0.0":"2023-12-06T11:53:20.732Z","3.0.1":"2023-12-06T13:13:32.430Z"},"maintainers":[{"name":"pierrecapo","email":"capo.pierre@gmail.com"}],"description":"Library which aims to represent trees for data visualization","readme":"# Treeviz\n\n[](https://snyk.io/test/github/dwyl/hapi-auth-jwt2?targetFile=package.json)\n[](./LICENSE)\n\nThis javascript module aims at providing an easy interface in order to represent tree diagrams on screen with the ability to handle dynamic data flows. The data format must be JSON.\n\n\n\n## Installation\n\nWith npm : \n\n```Bash\nnpm install treeviz\n```\n\nand then you can use it with : \n\n```JavaScript\nimport {Treeviz} from 'treeviz';\n```\n\nOr download this zip repository in the Github Release section and link the dist/treeviz.js file in your page directly : `\n```\n\nTo update the tree visually you will just have to pass new data to the `refresh` method like this :\n\n```JS\nmyTree.refresh(data);\nmyTree.refresh(data_update1);\nmyTree.refresh(data_update2);\n```\n\nThe tree will be clever enough to updates only the part of the trees that have been added or removed in the dataset, and so it won't redraw the entire tree.\n\n[Treeviz Example](https://codepen.io/pierrecapo/pen/MPbBdv)\n\n#### Hierarchical data case :\n\n```js\nvar hierarchical_data_example = {\n name: \"Mom\",\n qty: 10,\n children: [\n { name: \"Son A\", qty: 3 },\n { name: \"Son B\", qty: 7 },\n ],\n};\n\nvar myTree = Treeviz.create({\n htmlId: \"tree\",\n idKey: \"name\",\n hasFlatData: false,\n relationnalField: \"children\",\n});\n\nmyTree.refresh(hierarchical_data_example);\n```\n\n## API\n\nThe big part of the API is configuring the tree before passing data to it :\n\n```JS\nTreeviz.create(config);\n```\n\nThe table below lists all the avalaible key that the config object can have\n\n| Key | Type | Default | Definition |\n| -------------------------- | --------------------------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `htmlId` | string (Required) | | The HTML id tag on the page where the tree should be drawn. It must have a width and an height specified |\n| `idKey` | string | \"id\" | The key in a data item representing the unique identifier of a node |\n| `relationnalField` | string | \"father\" | In case of flat dataset, usually the relationnal field between each node is the field representing the father of the node, linking it to the id of the field. (See example below). |\n| `hasFlatData` | boolean | true | Specify whether the data passed to the tree is flat or already hierarchical |\n| `hasPan` | boolean | false | Toggle the ability to pan the tree |\n| `hasZoom` | boolean | false | Toggle the ability to zoom the tree |\n| `nodeWidth` | number | 160 | Width of a node in px |\n| `nodeHeight` | number | 100 | Height of a node in px |\n| `linkColor` | function | (node: NodeData) => \"#ffcc80\" | Color of the link |\n| `linkWidth` | function | (node: NodeData) => 10 | Width of the link |\n| `linkShape` | \"quadraticBeziers\" \\| \"orthogonal\" \\| \"curve\" | \"quadraticBeziers\" | Shape of the link |\n| `renderNode` | function | (node: NodeData) => null | HTML template for every node |\n| `isHorizontal` | boolean | true | Direction of the tree. If true, the tree expands from left to right. If false, it goes from top to bottom |\n| `onNodeClick` | function | (node: NodeData) => null | Function handling the event when someone click on it |\n| `onNodeMouseEnter` | function | (node: NodeData) => null | Function handling the event when someone hover a node |\n| `onNodeMouseLeave` | function | (node: NodeData) => null | Function handling the event when the mouse pointer leaves a node |\n| `mainAxisNodeSpacing` | number or \"auto\" | 300 | Set the distance in pixels between two depths in the tree. If the value is `auto` it will automatically display the tree to fit the size of the container. |\n| `secondaryAxisNodeSpacing` | number | 1.25 | Set the distance between nodes in the same level as a coefficient of node dimensions. Recommended to have the value superior to 1 |\n| `marginTop` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginBottom` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginLeft` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `marginRight` | number | 1.25 | Set the margin between the SVG element and the tree |\n| `duration` | number | 600 | The duration of the animation transition between layouts |\n| `data` | any | | Needed for Typescript projects only to type the `NodeData` argument |\n\nAnd then, we have the `NodeData` type that is passed as callback of some functions:\n`\ntype NodeData {\n data: // the data of each item\n settings: // the settings object\n}\n`\n\n## Contributing\n\n- Clone the repo.\n- Run `npm install`.\n- Run `npm run dev`, then you can edit the files in the `./src` folder and the `./example/index.html` file.\n- To publish (admin rights), run `npm run build && npm publish`.\n\n## Credits\n\nThis module is based on d3 library, credit to all the contributors of this project.\n\n## License\n\nMIT\n","readmeFilename":"README.md","repository":{"type":"git","url":"git+https://github.com/PierreCapo/treeviz.git"},"keywords":["d3","data","visualization","tree","decision","hierarchy","dynamic"],"homepage":"https://github.com/PierreCapo/treeviz#readme","bugs":{"url":"https://github.com/PierreCapo/treeviz/issues"},"license":"MIT"}