{"_id":"neovis.js","_rev":"37-c4128811a36b0296fd6ad398bd544117","name":"neovis.js","dist-tags":{"latest":"2.1.0","alpha":"2.1.1-alpha1"},"versions":{"1.0.0":{"name":"neovis.js","version":"1.0.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","directories":{"doc":"doc","example":"examples","test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"css-loader":"^0.28.0","file-loader":"^0.11.1","style-loader":"^0.16.1","url-loader":"^0.5.8","webpack":"^2.3.3"},"gitHead":"066434f0b29f8a5691a119374df3fba787a50001","_id":"neovis.js@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.5.0","_npmUser":{"name":"johnymontana","email":"lyonwj@gmail.com"},"dist":{"integrity":"sha512-r2mvcYqcbLT9kTP9fFf2qVXiQEbb7VuzNvOam3rwk+JvU0IQ0qAjULUGPotPZpqW+ccpaxw2cSTUsBS8IROauQ==","shasum":"3b4a1178106cc6c2a8a56b8e6e5ec9a006aa88bf","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-1.0.0.tgz","fileCount":252,"unpackedSize":377744171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxSd5CRA9TVsSAnZWagAAsGEP/jl2jPkVlgdU2Bp9ikRX\nxVh15DkPb1EEFYwdCzzW04U6TIyPxDFdz8bPPb7kPPAxzTj0FRhWBK1hkBp1\nw0rnVGjxGO5+CilqVQxXTC0JzRnlocJAzjOWWSuXbesikEr2V4eKyDx6LD0k\nb45Xa8KtjgXbNT152q8UtP1eH0uuJ02/ibJshwaiwtpL9gICrbESfb9NLbYg\nkY17e1XJaAfMX5Ty7gLQOt5feJksgfZQiXFxaqKJPc3+qzFLON75WGMacSgV\nxr2KjRom73yPQBklq3JH5xQsr4xgvAYnMjvcIHw3UUmBHFPS3vjzJT7P5tvK\nJW5cTKK+OJul35qThFcMQlC5xAbdbm0zs8jIfrRPIMgGg5AYOsIXxLrc6+GM\nxiY7k/4JtW1KjuqDwZN1oaP9D5RXOp+2bbYjH9y1umvQPIsWWr0MBTzxWzEu\nWyMcUGeH2E903Cao/bP23tPsDLFG0/kfUyFbitll1O3F6YIcjh3Ew8OcfS9l\nR8hNRfMeNjDOrukkAQliw7IPJ6BdvkEMCudUkZOYCifNcQUXYW946aurlzJO\nqdk/fDj+T+rxOGzz/vO7pkqEUe2sVrSTYSYRtGki1ogmctSt9SKvS7Poz4XR\nNeDV9Pxk/7GsVh/z7ufw2e2rurMd5iGsO+qP+rCsAm6luObvE1iW4ujD2M4w\n3ai5\r\n=tdC6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCh/3T+eWrKlYpb2bNLk93A8SlEilWc7dbtdqizXigBewIhAIjgbcQGKjAzgSxMlodbv+KXkojkRtT2FPtRcxJGtJeN"}]},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_1.0.0_1539647352811_0.29866880290726217"},"_hasShrinkwrap":false},"1.1.0":{"name":"neovis.js","version":"1.1.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.4.4","@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/preset-env":"^7.4.5","babel-eslint":"^10.0.1","babel-loader":"^8.0.6","cross-env":"^5.2.0","css-loader":"^2.1.1","eslint":"^5.16.0","eslint-plugin-jest":"^22.6.4","file-loader":"^3.0.1","jest":"^24.8.0","jest-canvas-mock":"^2.1.0","npm-run-all":"^4.1.5","rimraf":"^2.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.32.2","webpack-cli":"^3.3.2"},"dependencies":{"core-js":"3","neo4j-driver":"^1.7.5","regenerator-runtime":"^0.13.2","vis":"^4.21.0"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"]},"gitHead":"2cbf328ef2dabd6a57d89b4aa105a86612e7af9e","_id":"neovis.js@1.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.5.0","_npmUser":{"name":"johnymontana","email":"lyonwj@gmail.com"},"dist":{"integrity":"sha512-aOAyybWh7AThaSJNRM0ROctBAR1vAfWAak7rvZtQjFQ+5meLq0ta7IIXy1dckCwtu/fj72PDe1tJTiqDwJuQJA==","shasum":"7cf11f3e9f80402818852ed2315075bcfeb7cc1e","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-1.1.0.tgz","fileCount":57,"unpackedSize":5726418,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFSYoCRA9TVsSAnZWagAApWYP/0Y7L05NZb0xaR72gWW8\nHefn5nLJ4dh5cfcR1cMsc1SaTg26KxKa55TjZIdhkOyYjwCdsivbrje7+Dog\nKtS0XVjGEo1/Oz6RucfHCiLjImWNpk6xB9NyyjOh/FLL4nqIfQzH5LUx7asX\nhQcDQhoQlGXx/y+8X+bRBqB7eGLu7DKYLiVdkRmlA8YOYRaDSSSjIAcu395I\nykAN1c6+hzlkp8eHyCG4dCNA2kpRCdrOi+yG9Io1gEXyLpI+g7o97/Nl4c4B\nd+ApUgJdu7dNOavlsNoobNfZU6iWAed3yJmeJSDEH5aMj1JJbVTlmwMxyP52\n/x44ILOSE3LD2VcG8LYmLmnKjCv6OvLHUS+l477fQAnOLjhKM9urCp7FHASk\n+ccfHUP7UCSEq6mI+xBx2I1zeVVnDxbUeOL3IsVB/dU0KOEcnDN+b7O05Xau\nxXTHGGjPqFmw8/Xct5x/E2lbLEYOs9kv77hBmJJ0wiJQScsvzDxDkyTnuwU3\nMc/qdqWDnuITugFOab9nnNL9mU/YGpPWxDV+dD5Z33WXcoEsNQhGB2hlSBf2\nD6JvOjmPkSBoCzxOITFNxAH+JzuvDuLh7J4jlAmy4mi8fYNUNuQOMvgFwvsK\nDd9JQnAkwX6xL9DJTubnMuIhGEK8zRvN3AxGvt31sS5BYbFrkTkEe6PSDUK6\nODvv\r\n=mD+b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzZYRZLILsWgPzm+VxbmbpONYZfvUMot9ehdR+Y42k6AiEAlc6K37DYSKfgKIx3GgaoaWa8pUmb3cNY+zhteFhfeAA="}]},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_1.1.0_1561667112079_0.7410071645547909"},"_hasShrinkwrap":false},"1.2.0":{"name":"neovis.js","version":"1.2.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.4.4","@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.4.5","babel-eslint":"^10.0.1","babel-loader":"^8.0.6","cross-env":"^5.2.0","css-loader":"^2.1.1","eslint":"^5.16.0","eslint-plugin-jest":"^22.6.4","file-loader":"^3.0.1","jest":"^24.8.0","jest-canvas-mock":"^2.1.0","npm-run-all":"^4.1.5","rimraf":"^2.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.32.2","webpack-cli":"^3.3.2"},"dependencies":{"@babel/runtime-corejs3":"^7.6.2","neo4j-driver":"^1.7.5","vis":"^4.21.0"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"]},"gitHead":"b6566bde67725f60b4b556da52213e040309a4f5","_id":"neovis.js@1.2.0","_npmVersion":"6.4.1","_nodeVersion":"10.5.0","_npmUser":{"name":"johnymontana","email":"lyonwj@gmail.com"},"dist":{"integrity":"sha512-qDj+OhqrC8SoSkRXbPh5hDgxEf1wvvblsGrWQ+xfJZalUSocexZiX1tWgkB7BcXq5bjyxK3H1ufx5vMkea5YJQ==","shasum":"dc575e3014cdd87b384343cd06d23df5d691b417","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-1.2.0.tgz","fileCount":52,"unpackedSize":6062450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdl2SICRA9TVsSAnZWagAAuYAP/2xRKlv2QXBDSVJnIVzp\nk3TLyyn07eLoQuhJxN0swJc2TkVGXYge6ypBNOWBKtKlkQV7Lh0E9MfCOHiE\nv4iorO4Mg3NL98IT6/d6ia2zOXjfgOkCE4TdmKkJpDDlVIT6uUY56WyuB/AE\nFZtAN3Wz79gOZpccWKCj694k4Etg42UFzwvTkSxGYRK229TSsZoY4fCInkSW\nFgUFTCnH3gk4uQTr/ARHHo1jE/R7uY9XyCf97ohH23WgD9TQxW9Lu8+z4wLM\n5grse1FqTciXmnEFbgGZNo/SUBy94QGnvhIkbknvVQQSiadCITyq4n3lgpvW\nE7MGrFnHN1Kk1xqumqnQ6tFWje9FORSPS3sAJw6Dhu18VcrZmGBUuvwG9TtO\nbg3BHBalR/9usSHMdyhvAK9RngFhkMliLVKPJ/38NrL+1nRe7i1hQWsmw2PJ\nCHdQfaigbifFRi5ja0au9EEgk/IffgAqpAaOgcPdTbrSZTF9VupqK0z3GdAh\nGj6XojulKU36iGDxOn1bP2K6VWwN2LQcg99C2HiAxnHmrlsRWCF2DgKAun0z\nHkfKVl42XXVs5IumJ2FuTJ2MQqSZliw/cFGfkcMqW9OiQvpMr31R7PDggIrE\nZc/3pusCwq06UYxbouj9yyDKzwxkUumdkPnh9JGCvUMu/m8/mtD75cLoOTIT\nMHRG\r\n=w4pD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvWigTcXrQRZrQqbcyZtkJ0owohu9kGceAbLwsSJDziwIgF0P/qGJU7qITmjnBChUSKULXKJphrhEjUNRoDozOyOQ="}]},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_1.2.0_1570202759607_0.9334661453463595"},"_hasShrinkwrap":false},"1.2.1":{"name":"neovis.js","version":"1.2.1","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.4.4","@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.4.5","babel-eslint":"^10.0.1","babel-loader":"^8.0.6","cross-env":"^5.2.0","css-loader":"^2.1.1","eslint":"^5.16.0","eslint-plugin-jest":"^22.6.4","file-loader":"^3.0.1","jest":"^24.8.0","jest-canvas-mock":"^2.1.0","npm-run-all":"^4.1.5","rimraf":"^2.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.32.2","webpack-cli":"^3.3.2"},"dependencies":{"@babel/runtime-corejs3":"^7.6.2","neo4j-driver":"^1.7.5","vis":"^4.21.0"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"]},"gitHead":"0ba311cf674ff9a289905f4cf2eaa1ef2b5054ab","_id":"neovis.js@1.2.1","_npmVersion":"6.4.1","_nodeVersion":"10.5.0","_npmUser":{"name":"johnymontana","email":"lyonwj@gmail.com"},"dist":{"integrity":"sha512-4282OUB/qT5ucC6y2XojynubArQ8DjX4vPn01rsW+gE7/L84pJgLG1+xA3ftXwCoYlpDQCSp+hESActA1Wff8Q==","shasum":"c65d280339c4150206a784fb025be9f9969e2735","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-1.2.1.tgz","fileCount":52,"unpackedSize":6062944,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnJneCRA9TVsSAnZWagAAsPoQAKOpAu+5yvigBpDXXqrC\nXQGnfS3FEr6kLgOHRAXxBIk23rV8397yrL8HQI2QP0GFOgP3mWWLj4TYSfiN\nxj6Di9LFYtAww+A5cBdSs4krAvBusHokUr1smvFIZzljeHeYlQudrOwtPyB8\nOndgKYThxR94I3eU6+uEZXPf3oMYHWy1yM3K8Gh3GrEhAM1re6RlcJCGyV/5\nsK7Dxx9fXn2odctW8Ha60Ei+U8MCVFd8YDJbSECkiMwYrBkQfVeAp3iGoAIB\nH0BzCrbxp/9YY3bjXQVavcAEgoniAvLYdZDLQqeCcVZDdW/g05cJyrc5dhfr\nOsrXXoixBbTgzwsTQalRkP71yyJsQObr0lCFghqfmTYmUtt2U+ALutuG/9v8\nmWNod1CyJwnIQV7v2wOVA/hBRyVcZZ2fx4ZPchK2Iswiepjv1v34c2OTkQPA\nJrDiGNGDQYYpJlWBl0U8QkDOFWIL5Sg1D7jo9dM4Dldll2k+oQbDsw4JHU5h\ndBB/uKtoXmG/xVYfhsOUzMk9betnCMY2qbNg8GdIfH54zUBu+qVFuia1wq79\nIZBQWdi+V8xByJ/Y5OxPIDnmcRs/FaE0Mw8bDOIkNFBd/uDIRvn3j/3ke/YJ\ndLSM4Kj0pID9VJeBDeG8zu2eEdojFX8LJki/hU/5LH8qyoo1rQoEHLxbgEnx\nZjRn\r\n=N9lH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAK2FfmeFPN7gtF/JsHVps2SN3/+vP6tTa2MoBSt9E69AiEAx/62AJ4OiTPtifhVi4tDW8Ywxwu+/tVNSyZhJXg5bnw="}]},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_1.2.1_1570544093795_0.8918843435531532"},"_hasShrinkwrap":false},"1.3.0":{"name":"neovis.js","version":"1.3.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","cross-env":"^7.0.0","css-loader":"^3.4.2","eslint":"^6.8.0","eslint-plugin-jest":"^23.6.0","file-loader":"^5.0.2","jest":"^25.1.0","jest-canvas-mock":"^2.2.0","npm-run-all":"^4.1.5","rimraf":"^3.0.1","style-loader":"^1.1.3","url-loader":"^3.0.0","webpack":"^4.41.5","webpack-cli":"^3.3.10"},"dependencies":{"@babel/runtime-corejs3":"^7.8.4","neo4j-driver":"^1.7.5","vis-network":"^7.3.3"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"]},"gitHead":"3be96064e18c70954ed404eb73665ad5f432085b","_id":"neovis.js@1.3.0","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-fHJS8ssa3E1bW9+xngRbe3l1HQA3OWOLK8wqcSYtfmXh3G/JiNEhB4tVQE/Tqz7bmhExob8cT0PI43lfVA9zpA==","shasum":"025be6d184703547c22149527c1342fe5f6ac33a","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-1.3.0.tgz","fileCount":29,"unpackedSize":5658676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTCnpCRA9TVsSAnZWagAALYIP+gOBjTvq/TEsUUC82g3b\nIIOVRYBeXB1POSGfxz/7dTDdKLXtCwCpIlroIqHEAuq8FVRRsMMN1CEtsuMy\nIl5IW5Nnfx7g43aDjdhkbfqaXA6STRVHBVhFxR+5H2/XKDz3ND8upoHmh72j\nEKOEc3vgQpUPV0Bw8x0BuMcBd+IWQA0JxJuk7PuNccaEJxcV0GpfAmmjy0qj\nvAe3sS/gNy3i1VOwMG6fyIWHqdpJUL3Jg0ygxRnN4q/83bHL/EN6izLW2yBm\nvim1Gf9SKzeZJ3A5xXFMrpwRRyTix4tpjqDyz4ylPLjpzcq3kTkPhAHOBRAF\nWS9jjZQTvJciV0icA/l2q8znOpdalkNu7pOFYdORwl18qEQYUo5boKRDZfQA\nzXXkBbZ2nLgzKwV48XUX+j6o+qO6tThBwwMsY2roTFcSipr3J1LmD/8Vrvq0\nGvpylQjKLu75bfvUB3QbgNZViLVbzIKFPHMn750GrlecJqm8wAlnmC1bEEF+\n96Z9CJDYiJsrzPY0cEEGSGsba0t9Mcl2jlznhMugEsKptbzJe/Xd4dNkApjh\ndwdaB/haZfqHZpdGDDYAs7Kbt3jhw7UUo5OPaYwfW/ANJRplakZWUPA3jdt0\nkB3JeyX9ZR0LE0fr+kxx5cS0hiYCV+H4w/mM0+cTfgTSRyN4SvcXJ/kYYl7Q\nt28V\r\n=brUK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFHRtIFcMxFGLxCL9mjyAIkFN/frz4MmAdO2uHaTDxjRAiBb89b2rUFRcqdVmo4hxybpKSMv84lIIdB+bmvzTVKLQg=="}]},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"}],"_npmUser":{"name":"johnymontana","email":"lyonwj@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_1.3.0_1582049769289_0.9985664655766748"},"_hasShrinkwrap":false},"1.4.0":{"name":"neovis.js","version":"1.4.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","cross-env":"^7.0.0","css-loader":"^3.4.2","eslint":"^6.8.0","eslint-plugin-jest":"^23.6.0","file-loader":"^5.0.2","jest":"^25.1.0","jest-canvas-mock":"^2.2.0","npm-run-all":"^4.1.5","rimraf":"^3.0.1","style-loader":"^1.1.3","url-loader":"^3.0.0","webpack":"^4.41.5","webpack-cli":"^3.3.10"},"dependencies":{"@babel/runtime-corejs3":"^7.8.4","neo4j-driver":"^1.7.5","vis-network":"^7.3.5"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"]},"gitHead":"2a8bd6795dc49184635f8b6b0dc96ad585bf6173","_id":"neovis.js@1.4.0","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-oPO9RXeorBxf0pv496jnmU4PtpRSKuQ8DGQYhB0EPVUIxJfcSevSi884gzKsmj8rBzWVqzXqZOJ/EqCKRfcFXw==","shasum":"965a4006b980575afd51105d8de3c5f99e683be7","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-1.4.0.tgz","fileCount":29,"unpackedSize":5660306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVB0ZCRA9TVsSAnZWagAAqPwP/29QI1nCLe+y3hICWO2q\nR05i7OFU5aYmu9NeI4/r+ua08VE1KXf9ce0vZ6iyVQPtR7t6AxaPJRa/AGc8\nLl6KcAKfXNm/3++ToTJ28VW5TPHvmmM8Iy4ZyaFK1BGIONB3dNaeybYQ0SGR\niiqNoQxCeo8Uogor4cuk2CNEwmacAiBUK0ClI0afhFpAe3Uqhs5WOtlu5rL6\nv6PKoiZB+Ne90HniiHK/7ld8FW11NQp6fV6TvJwX/Djl71IqAEOcJHfurSf7\ncyC5Rof6rRCmZqWsMW1GznJ5AEuZUCcipKitmh3lyquYQUHqeFAcit08aZg8\n513I+YaESyEfgt5vprcWy5tioFzAAT2BpKAGD4ImQMRAHNFHxGUCaPoL8Feq\nSa1fon/t8XVS/B3ZnzuBuDBus2z8ZI3A3OJVsaD1k0WJOzdp5WTmfOvTpLx2\nvv0ENOyUl0hyWeHwu1QgqDoiCefnNokREnm/uPM5d647Lz71cJ3zp/j1Xb0e\ntBWZzwfFQv81tgPzmXihUqiyjd4vzMnWhL8lQ+ipOFO/XGxipzgU0OUOfg+q\nCG/HV2cZJqS2HAkyqeaIXEOMDp+v5XgD1S+Q2+prb0GlbtAN6t4QGzNFUZQJ\nHsnDzxcJNZnRMuur88Ydn9aNO0xgNqxCbJWq5b87jnWrTvJTuxfMj3h6o27C\nX/3F\r\n=D3+S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNNQ1Aqy+469J4NzW4HkPHvPVovjvoSEIMiiKJqpyZ3wIgHHB+Oo23NtW2PgQ3R0zrTn/3EnaZ5BZfsUvUqdk8Auc="}]},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"}],"_npmUser":{"name":"johnymontana","email":"lyonwj@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_1.4.0_1582570776490_0.9265921308015521"},"_hasShrinkwrap":false},"1.5.0":{"name":"neovis.js","version":"1.5.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","cross-env":"^7.0.0","css-loader":"^3.4.2","eslint":"^6.8.0","eslint-plugin-jest":"^23.6.0","file-loader":"^5.0.2","jest":"^25.1.0","jest-canvas-mock":"^2.2.0","npm-run-all":"^4.1.5","rimraf":"^3.0.1","style-loader":"^1.1.3","url-loader":"^3.0.0","webpack":"^4.41.5","webpack-cli":"^3.3.10"},"dependencies":{"@babel/runtime-corejs3":"^7.8.4","neo4j-driver":"^4.1.0","vis-network":"^7.3.5"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"]},"gitHead":"fe8d15a61a235f95bc34060833b27ad98d37c579","_id":"neovis.js@1.5.0","_nodeVersion":"12.18.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-NjFQ0I18QuIhhop9NlLhKws4rzdofYrjFbgtxQw4p/+FH+xgN16lOn6FUziMT+kV1JjckPP7itvbLer7B5fGvw==","shasum":"4fb04643c4eced0e336ebf1e869d7cfc0c1037c8","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-1.5.0.tgz","fileCount":27,"unpackedSize":6241291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSWC+CRA9TVsSAnZWagAA54wP/2xr5BnYmqrvZb5LV05y\nsr1Pk5XQ8quIR9+jQHKYtICcaBo1H3hfNZfXD4u3yzI3/9eU9VVlxe6KpGIP\nDxTgSDIvueiqSCoC29HZaRdzpsIVUgse8ZUfQQagRP1RjcjlCyjbsm9D5rRj\nGzI12InfYQUhSiiRsOyW1FMqB+B9NAeXDTCx+pj/QzEstML5ztuv3lyvNuW5\nrxN/iB87VQ2139TC9cPk3HPuoZbdOXTvRNw+QfUGuISzMFjQE3Cm9fTykriW\nUOqnp5aHiudHD9G1uH0ap0UNOp9LKWI4IyMDDhvVDJ7aSzy0leH2B4U4rJEg\noNeNTjIEE/SBV8pVCJCC7bFpHkvQ4hBBm4aFJH05HUchclcujnupb4/nOiqT\ntLsDMWe3JObWZu6yn2SiL5IWoqqHI2HDwCLHNpvA+sAEmQm5DvtOD3ad98zA\nb9zbKbobUrKTcrSF5CoW2Ppo0vd0wKmycr7fFOSsRM0PZmNdxsA6HZwOuz0C\nPjxHM+tGUiRzg9SWsp41xcA4R+GpODMToCQNPGrt9MzCEZUzbZ1kxI1bLzDh\nL9lX4MNGYSYsah+pofycp7suSYuKBh3hBRsOW06qu9IqR4DVBcyT4+7MMqiX\ncx2WeADMfkHbY4WT+pEA+sB//UvFQu5h8NfDLCsC0ZXsBTX+kJghKxqIiwwH\nfEBb\r\n=oKev\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEOoe8NsZv792wWWDggIDTZhzNAXxz21wXNXqfrjYKtPAiEAyvpqDDaXhEEf9AVPctYR2hw5kX5OeRMryyD05FZ/d/I="}]},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"}],"_npmUser":{"name":"johnymontana","email":"lyonwj@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_1.5.0_1598644414313_0.15665208936134833"},"_hasShrinkwrap":false},"1.6.0":{"name":"neovis.js","version":"1.6.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","cross-env":"^7.0.0","css-loader":"^3.4.2","eslint":"^6.8.0","eslint-plugin-jest":"^23.6.0","file-loader":"^5.0.2","jest":"^26.6.2","jest-canvas-mock":"^2.2.0","npm-run-all":"^4.1.5","rimraf":"^3.0.1","style-loader":"^1.1.3","url-loader":"^3.0.0","webpack":"^4.41.5","webpack-cli":"^3.3.10"},"dependencies":{"@babel/runtime-corejs3":"^7.8.4","neo4j-driver":"^4.1.0","vis-data":"^7.0.0","vis-network":"^7.3.5"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"gitHead":"9772ce51d0664d228eb5ba8ff69d9cc5dd0cd2de","_id":"neovis.js@1.6.0","_nodeVersion":"14.15.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-SqDilnR9A5T5F+34u/az7PII79Bb3mCoa9ERYYiIzfGeLkWnAQZuOYaf3Xo5yeUNC6yixFm5DQH+430LS7N7Wg==","shasum":"099867f1fd649f093248adaeb38263c4dffca02d","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-1.6.0.tgz","fileCount":27,"unpackedSize":7125585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20T/CRA9TVsSAnZWagAAlekP/iwpNmhxwDlaGj73RFuK\ng3y82iGrzc968blfyJO5rE7RVIMb7YLEeUKdPzgiyh6gCq5RkqB5STrqaEUN\nPEifZAnt12cl7DgzzpvgiMtJFxsyaKh7YyHgx3EvKyn0vENgxRK6b2hp2Rhz\ni12sad5HKLxSEv6OfvEpKM31By12P0jjozvukh3oS09Eu+yfl9P/IREkFMD3\n3GsXp70EB9jGweDHPX6jWklfq4uSAVjlPRoIyKlKCKmXqBesXaA7XViO+6wm\nj3uYFRl4vBcUUz1y0MDKDDs+o73y4nuqP7R6YiTxcv0hfFjF7K8mNN1573M4\nmaTN9o6knxVknuBWBcHpMAHQQtjAX4QFsin2R0m5WLWqOfESsDpdAMabVZ++\ncYaY8koTErb2UoguB+UUOgkMhGzV/0cbK4OVzOgUApPSG5hLYDU9vpGguLqx\nt4M0PqkiC4qPbvfEgds54RrkYRqN7vHq1D+x8x/5iOxeYp8XWi2a3wGQ8gOl\n5Rqj6JbSZ2eB5iw5WB/7y8VHOcRJAB6jP67sDqi0WcJKt1GjQK5WVj8UueWB\ns1y5XLzFwtF2drLeMWe89xhf2qICVfcsUdnrckR6wNtoYj7bcLCzFcSAG0KU\n5gCptweOPi9K9r1bNGKi93bgKpwODkniXDBvzntAE3KSLdQ13Ewd5c66AZ11\nxfIr\r\n=aCmV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIChYp0GJB8N7Y2/AghBoFyqIwXv/lGof5AGLid7ujrehAiAPTtqaXfTHSTc4RDnItY4LDkDNsifbSc/4p05BMODk6w=="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_1.6.0_1605653202825_0.4039830715805013"},"_hasShrinkwrap":false},"2.0.0-alpha.0":{"name":"neovis.js","version":"2.0.0-alpha.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.12.13","@babel/core":"^7.12.13","@babel/eslint-parser":"^7.12.13","@babel/plugin-proposal-class-properties":"^7.12.13","@babel/plugin-transform-runtime":"^7.12.15","@babel/preset-env":"^7.12.13","babel-loader":"^8.2.2","cross-env":"^7.0.3","css-loader":"^5.0.1","eslint":"^7.19.0","eslint-plugin-jest":"^24.1.3","file-loader":"^6.2.0","jest":"^26.6.3","jest-canvas-mock":"^2.3.1","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^2.0.0","url-loader":"^4.1.1","webpack":"^5.21.2","webpack-cli":"^4.5.0"},"dependencies":{"@babel/runtime-corejs3":"^7.12.13","deepmerge":"^4.2.2","neo4j-driver":"^4.1.0","vis-network":"^9.0.2"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate \r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of Thrones dataset, run:\r\n\r\n```\r\nLOAD CSV WITH HEADERS FROM \"https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv\" AS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt) ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's load those next:\r\n\r\n```\r\nLOAD CSV WITH HEADERS FROM \"https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv\" AS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\n c.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the whole graph in Neo4j Browser by running:\r\n\r\n```\r\nMATCH p=(:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in the graph. However, we want to visualize the centralities (PageRank) and community detection results that we also imported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this visualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n``` html\r\n\r\n\r\n \r\n Neovis.js Simple Example\r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also specify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded. \r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n``` html\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure the visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to build a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After cloning the repo:\r\n\r\n```\r\nnpm install\r\nnpm run build\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n## Documentation\r\n\r\n* `Neovis.default(config)`\r\n* `Neovis.clearNetwork()`\r\n* `Neovis.reinit(config)`\r\n* `Neovis.reload()`\r\n* `Neovis.stabilize()`\r\n* `Neovis.renderWithCypher(statement)`\r\n* `Neovis.updateWithCypher(statement)`\r\n\r\n* `config`\r\n\r\n### `Neovis.default(config)`\r\n\r\nConstructor for Neovis. Creates new Neovis object, given configuration. See [config](#config)\r\n\r\n### `Neovis.clearNetwork()`\r\n\r\nClears network visualization\r\n\r\n### `Neovis.reinit(config)`\r\n\r\nReinitializes the network visualization with a new `config` object. See [config](#config)\r\n\r\n### `Neovis.reload()`\r\n\r\nReload the visualization. Will fetch data again from Neo4j per `initial_cypher` in the config object.\r\n\r\n### `Neovis.stabilize()`\r\n\r\nStop the physics simulation.\r\n\r\n### `Neovis.renderWithCypher(statement)`\r\n\r\nRender a new visualization with results from a Cypher statement. Any `Node` and `Relationship` objects returned in the Cypher query will be rendered in the visualization. Paths are not currently supported.\r\n\r\n### `Neovis.updateWithCypher(statement)`\r\n\r\nUpdate the current visualization with results from a Cypher statement. Any `Node` and `Relationship` objects returned in the Cypher query will be rendered in the visualization. Paths are not currently supported.\r\n\r\n### `config`\r\n\r\nA configuration object that defines:\r\n\r\n* how to connect to Neo4j (required)\r\n* an initial Cypher query for loading data for the visualization (optional)\r\n* the DOM element in which the visualization should be rendered (required)\r\n* how to style elements of the visualization (`labels` and `relationships`) (required)\r\n\r\nExample:\r\n\r\n~~~ js\r\nvar config = {\r\n container_id: \"viz\",\r\n server_url: \"bolt://localhost:7687\",\r\n server_user: \"neo4j\",\r\n server_password: \"sorts-swims-burglaries\",\r\n labels: {\r\n //\"Character\": \"name\",\r\n \"Character\": {\r\n \"caption\": \"name\",\r\n \"size\": \"pagerank\",\r\n \"community\": \"community\",\r\n //\"image\": 'https://visjs.org/images/visjs_logo.png',\r\n \"title_properties\": [\r\n \"name\",\r\n \"pagerank\"\r\n ],\r\n //\"sizeCypher\": \"MATCH (n) WHERE id(n) = {id} MATCH (n)-[r]-() RETURN sum(r.weight) AS c\"\r\n },\r\n [NeoVis.NEOVIS_DEFAULT_CONFIG]: {\r\n \"caption\": \"defaultCaptionProperty\",\r\n \"size\": \"defaultPagerank\",\r\n \"community\": \"defaultCommunity\"\r\n //\"sizeCypher\": \"defaultSizeCypher\"\r\n \r\n }\r\n },\r\n relationships: {\r\n \"INTERACTS\": {\r\n \"thickness\": \"weight\",\r\n \"caption\": false\r\n },\r\n [NeoVis.NEOVIS_DEFAULT_CONFIG]: {\r\n \"thickness\": \"defaultThicknessProperty\",\r\n \"caption\": \"defaultCaption\"\r\n }\r\n },\r\n initial_cypher: \"MATCH (n)-[r:INTERACTS]->(m) RETURN n,r,m\"\r\n };\r\n\r\n viz = new NeoVis.default(config);\r\n viz.render();\r\n~~~\r\n\r\n#### `config.container_id`\r\n\r\n#### `config.server_url`\r\n\r\n#### `config.server_user`\r\n\r\n#### `config.server_password`\r\n\r\n#### `config.server_database`\r\n(Only for Neo4j 4 and above) The name of database connecting to. \r\n\r\n### `NeoVis.NEOVIS_DEFAULT_CONFIG`\r\nFor both `config.labels` and `config.relationships` NeoVis.NEOVIS_DEFAULT_CONFIG \r\nsymbol can be added, which have the have the same properties as the normal config for specific \r\nlabel/relationshipType\r\nyou can use it by either `NeoVis.NEOVIS_DEFAULT_CONFIG` if you are using NeoVis as global\r\nor you can use it by \r\n~~~js\r\nimport { NEOVIS_DEFAULT_CONFIG } from 'neovis.js'; \r\n~~~\r\n#### `config.labels`\r\n\r\n``` \r\n\"Character\": {\r\n \"caption\": \"name\",\r\n \"size\": \"pagerank\",\r\n \"community\": \"community\",\r\n \"image\": 'https://visjs.org/images/visjs_logo.png',\r\n \"font\": {\r\n \"size\":26,\r\n \"color\":\"#000000\"\r\n },\r\n \"title_properties\": [\r\n \"name\",\r\n \"pagerank\"\r\n ],\r\n sizeCypher: \"MATCH (n) WHERE id(n) = $id MATCH (n)-[r]-() RETURN sum(r.weight) AS c\"\r\n}\r\n```\r\n##### `config.labels.caption`\r\n`String`: The property name to use as node caption. \r\nor `Function`: A function takes a [Neo4j node](https://neo4j.com/docs/api/javascript-driver/current/class/src/graph-types.js~Node.html) and return a string caption. \r\nDefault to no caption. \r\n##### `config.labels.size`\r\n`String`: The property name to use as node size. \r\nDefault to `1`. \r\n##### `config.labels.community`\r\n`String`: The property name to use as community (color). \\\r\nDefault to color by label. \r\n##### `config.labels.image`\r\n`String`. The url of image to display. \r\nDefault to no image (a dot will be displayed).\r\n##### `config.labels.font`\r\n`Object`: If `font` is supplied, the default font size configuration for node captions will be overwritten by the customized config. See `font` in [vis-network - nodes](https://visjs.github.io/vis-network/docs/network/nodes.html) for all available configuration for fonts. \r\n##### `config.labels.title_properties`\r\n`Array`: If `title_properties` is supplied, only the attributes listed in it are displayed in the tooltip.\r\n Otherwise, all attributes are present in the tooltip. \r\n##### `config.labels.sizeCypher`\r\n`String`: A Cypher query to get the size of the node. `$id` represent the id of the node to query size, and the Cypher query should return a Neo4j `Number`. \r\n`config.labels.sizeCypher` has a higher priority than `config.labels.size`, i.e. `sizeCypher` will overwrite the resulting size from `size` field.\r\n#### `config.relationships`\r\n\r\n```\r\n{\r\n \"INTERACTS\": {\r\n \"thickness\": \"weight\",\r\n \"caption\": false\r\n }\r\n}\r\n```\r\n##### `config.relationships.thickness`\r\n`String`: The property name to use as edge thickness. \r\nDefault to `1`. \r\n##### `config.relationships.caption`\r\n`Boolean`: If set to true, the relationship type will be displayed as edge caption. \r\nor `String`: The property name to use as edge caption. \r\n#### `config.arrows`\r\n\r\nBoolean. Defaults to false.\r\n\r\n#### `config.hierarchical`\r\n\r\nBoolean. Default to false.\r\n\r\n#### `config.hierarchical_sort_method`\r\n\r\nWhen hierarchical layout is enabled you may choose betweeen `\"hubsize\"` (default) and `\"directed\"`.\r\n\r\n#### `config.initial_cypher`\r\n\r\n#### `config.console_debug`\r\n\r\nDefaults to not showing console messages\r\n\r\n#### `config.encrypted`\r\n\r\n`\"ENCRYPTION_OFF\"` (default) or `\"ENCRYPTION_ON\"`\r\n\r\nThis must be set to `\"ENCRYPTION_ON\"` when using a secure WebSocket connection, such as with Neo4j Aura.\r\n\r\n#### `config.trust`\r\n\r\n`\"TRUST_ALL_CERTIFICATES\"` (default) or `\"TRUST_SYSTEM_CA_SIGNED_CERTIFICATES\"`\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"fc788e5e2f965a7135c9029e42f76037b0fb216c","_id":"neovis.js@2.0.0-alpha.0","_nodeVersion":"15.8.0","_npmVersion":"6.14.1","dist":{"integrity":"sha512-1YXzNS7lxCjVtJJthuoC5B99jO6YtSW/hRQGoS2zUxYBvUEdbuAHt03pB+IvO5puFNTE9RDOwoyASxLbx+92uQ==","shasum":"783915d7dd27759c7b3457e85f9ff1615da496d4","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.0.tgz","fileCount":30,"unpackedSize":7229843,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIGi5CRA9TVsSAnZWagAA5WsP/jn3i5WP9ARwMtf2e8tL\ntwJeoMy/u28m3Ee2KHBNKAgBqpjarfi1FMBL3TrgxpORNBQXjUSxWcuYQmGD\nkPwZeL6C2TkBy94vH7YcmMGP3oqc06M2D6dTHv3Os4DUbAq/iZpIXWWL05YM\n+a3yKLuOgLH6hNs9lyThbdOHH5ud5c6racZ9wetPnLsKzd0ga/S1Ipepw4Wx\n9ZwUu8oBd1IliWeYo92/YHFS38spN9LhfiCERb5QqmSj/IPwwU6hEeZ+u/6v\nWOQ3d9okw6JTiQL4Ew6wU2j8FaQVOgb6yf1Shl+gOYyb0QQJbW4DAulpv6Ve\nVDQhCFHQyr+Nm1L1I+TE0tvjpU3XRj/oPv+WUjjmwQnVP4MISJRzBFG60Yo5\nWgN4yS7H1eEJ/hRgpEOLirj/5XJ1RRgXM82ku2BdIKL//e8jHnYHv414ElKW\nRCHsy0hcHrqn6aDODpxyvrO2vrPNqvxKQKON4Ixoi9yIhKIgpnEa0KcQEiDA\nx7JrDHmkww1HyCPzeRf3R2sN6gbmEAgfLGVeGW1PSn4GURQQP0687ADO4pBd\nV3ezDIRMsDnHYXtijSGx9mXp8ZgKoEbN3EyhGPh1qmhChLebPo/DwpCvyLy6\n1nxR5Ib2O2uAx8cHAWZQVIv85/FZ+kkacNBsLqtZ/irLuDjPTr1YEj4mSH8w\nZ1ON\r\n=EbZk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHNpboJtnqAFxs54s7IOVY+OAc0t5pi2n3BOixcKJyOJAiEAn0wlIICw7ffvCqjL1k/6f9kHIWtLtENld5RLmSSEzho="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.0_1612736697043_0.7262739631983464"},"_hasShrinkwrap":false},"2.0.0-alpha.2":{"name":"neovis.js","version":"2.0.0-alpha.2","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.12.13","@babel/core":"^7.12.13","@babel/eslint-parser":"^7.12.13","@babel/plugin-proposal-class-properties":"^7.12.13","@babel/plugin-transform-runtime":"^7.12.15","@babel/preset-env":"^7.12.13","babel-loader":"^8.2.2","core-js":"^3.9.0","cross-env":"^7.0.3","css-loader":"^5.0.1","eslint":"^7.19.0","eslint-plugin-jest":"^24.1.3","file-loader":"^6.2.0","jest":"^26.6.3","jest-canvas-mock":"^2.3.1","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^2.0.0","url-loader":"^4.1.1","webpack":"^5.21.2","webpack-cli":"^4.5.0"},"dependencies":{"@babel/runtime-corejs3":"^7.12.13","deepmerge":"^4.2.2","neo4j-driver":"^4.1.0","vis-network":"^9.0.2"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate \r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of Thrones dataset, run:\r\n\r\n```\r\nLOAD CSV WITH HEADERS FROM \"https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv\" AS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt) ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's load those next:\r\n\r\n```\r\nLOAD CSV WITH HEADERS FROM \"https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv\" AS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\n c.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the whole graph in Neo4j Browser by running:\r\n\r\n```\r\nMATCH p=(:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in the graph. However, we want to visualize the centralities (PageRank) and community detection results that we also imported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this visualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n``` html\r\n\r\n\r\n \r\n Neovis.js Simple Example\r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also specify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded. \r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n``` html\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure the visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to build a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After cloning the repo:\r\n\r\n```\r\nnpm install\r\nnpm run build\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n## Documentation\r\n\r\n* `Neovis.default(config)`\r\n* `Neovis.clearNetwork()`\r\n* `Neovis.reinit(config)`\r\n* `Neovis.reload()`\r\n* `Neovis.stabilize()`\r\n* `Neovis.renderWithCypher(statement)`\r\n* `Neovis.updateWithCypher(statement)`\r\n\r\n* `config`\r\n\r\n### `Neovis.default(config)`\r\n\r\nConstructor for Neovis. Creates new Neovis object, given configuration. See [config](#config)\r\n\r\n### `Neovis.clearNetwork()`\r\n\r\nClears network visualization\r\n\r\n### `Neovis.reinit(config)`\r\n\r\nReinitializes the network visualization with a new `config` object. See [config](#config)\r\n\r\n### `Neovis.reload()`\r\n\r\nReload the visualization. Will fetch data again from Neo4j per `initial_cypher` in the config object.\r\n\r\n### `Neovis.stabilize()`\r\n\r\nStop the physics simulation.\r\n\r\n### `Neovis.renderWithCypher(statement)`\r\n\r\nRender a new visualization with results from a Cypher statement. Any `Node` and `Relationship` objects returned in the Cypher query will be rendered in the visualization. Paths are not currently supported.\r\n\r\n### `Neovis.updateWithCypher(statement)`\r\n\r\nUpdate the current visualization with results from a Cypher statement. Any `Node` and `Relationship` objects returned in the Cypher query will be rendered in the visualization. Paths are not currently supported.\r\n\r\n### `config`\r\n\r\nA configuration object that defines:\r\n\r\n* how to connect to Neo4j (required)\r\n* an initial Cypher query for loading data for the visualization (optional)\r\n* the DOM element in which the visualization should be rendered (required)\r\n* how to style elements of the visualization (`labels` and `relationships`) (required)\r\n\r\nExample:\r\n\r\n~~~ js\r\nvar config = {\r\n container_id: \"viz\",\r\n server_url: \"bolt://localhost:7687\",\r\n server_user: \"neo4j\",\r\n server_password: \"sorts-swims-burglaries\",\r\n labels: {\r\n //\"Character\": \"name\",\r\n \"Character\": {\r\n \"caption\": \"name\",\r\n \"size\": \"pagerank\",\r\n \"community\": \"community\",\r\n //\"image\": 'https://visjs.org/images/visjs_logo.png',\r\n \"title_properties\": [\r\n \"name\",\r\n \"pagerank\"\r\n ],\r\n //\"sizeCypher\": \"MATCH (n) WHERE id(n) = {id} MATCH (n)-[r]-() RETURN sum(r.weight) AS c\"\r\n },\r\n [NeoVis.NEOVIS_DEFAULT_CONFIG]: {\r\n \"caption\": \"defaultCaptionProperty\",\r\n \"size\": \"defaultPagerank\",\r\n \"community\": \"defaultCommunity\"\r\n //\"sizeCypher\": \"defaultSizeCypher\"\r\n \r\n }\r\n },\r\n relationships: {\r\n \"INTERACTS\": {\r\n \"thickness\": \"weight\",\r\n \"caption\": false\r\n },\r\n [NeoVis.NEOVIS_DEFAULT_CONFIG]: {\r\n \"thickness\": \"defaultThicknessProperty\",\r\n \"caption\": \"defaultCaption\"\r\n }\r\n },\r\n initial_cypher: \"MATCH (n)-[r:INTERACTS]->(m) RETURN n,r,m\"\r\n };\r\n\r\n viz = new NeoVis.default(config);\r\n viz.render();\r\n~~~\r\n\r\n#### `config.container_id`\r\n\r\n#### `config.server_url`\r\n\r\n#### `config.server_user`\r\n\r\n#### `config.server_password`\r\n\r\n#### `config.server_database`\r\n(Only for Neo4j 4 and above) The name of database connecting to. \r\n\r\n### `NeoVis.NEOVIS_DEFAULT_CONFIG`\r\nFor both `config.labels` and `config.relationships` NeoVis.NEOVIS_DEFAULT_CONFIG \r\nsymbol can be added, which have the have the same properties as the normal config for specific \r\nlabel/relationshipType\r\nyou can use it by either `NeoVis.NEOVIS_DEFAULT_CONFIG` if you are using NeoVis as global\r\nor you can use it by \r\n~~~js\r\nimport { NEOVIS_DEFAULT_CONFIG } from 'neovis.js'; \r\n~~~\r\n#### `config.labels`\r\n\r\n``` \r\n\"Character\": {\r\n \"caption\": \"name\",\r\n \"size\": \"pagerank\",\r\n \"community\": \"community\",\r\n \"image\": 'https://visjs.org/images/visjs_logo.png',\r\n \"font\": {\r\n \"size\":26,\r\n \"color\":\"#000000\"\r\n },\r\n \"title_properties\": [\r\n \"name\",\r\n \"pagerank\"\r\n ],\r\n sizeCypher: \"MATCH (n) WHERE id(n) = $id MATCH (n)-[r]-() RETURN sum(r.weight) AS c\"\r\n}\r\n```\r\n##### `config.labels.caption`\r\n`String`: The property name to use as node caption. \r\nor `Function`: A function takes a [Neo4j node](https://neo4j.com/docs/api/javascript-driver/current/class/src/graph-types.js~Node.html) and return a string caption. \r\nDefault to no caption. \r\n##### `config.labels.size`\r\n`String`: The property name to use as node size. \r\nDefault to `1`. \r\n##### `config.labels.community`\r\n`String`: The property name to use as community (color). \\\r\nDefault to color by label. \r\n##### `config.labels.image`\r\n`String`. The url of image to display. \r\nDefault to no image (a dot will be displayed).\r\n##### `config.labels.font`\r\n`Object`: If `font` is supplied, the default font size configuration for node captions will be overwritten by the customized config. See `font` in [vis-network - nodes](https://visjs.github.io/vis-network/docs/network/nodes.html) for all available configuration for fonts. \r\n##### `config.labels.title_properties`\r\n`Array`: If `title_properties` is supplied, only the attributes listed in it are displayed in the tooltip.\r\n Otherwise, all attributes are present in the tooltip. \r\n##### `config.labels.sizeCypher`\r\n`String`: A Cypher query to get the size of the node. `$id` represent the id of the node to query size, and the Cypher query should return a Neo4j `Number`. \r\n`config.labels.sizeCypher` has a higher priority than `config.labels.size`, i.e. `sizeCypher` will overwrite the resulting size from `size` field.\r\n#### `config.relationships`\r\n\r\n```\r\n{\r\n \"INTERACTS\": {\r\n \"thickness\": \"weight\",\r\n \"caption\": false\r\n }\r\n}\r\n```\r\n##### `config.relationships.thickness`\r\n`String`: The property name to use as edge thickness. \r\nDefault to `1`. \r\n##### `config.relationships.caption`\r\n`Boolean`: If set to true, the relationship type will be displayed as edge caption. \r\nor `String`: The property name to use as edge caption. \r\n#### `config.arrows`\r\n\r\nBoolean. Defaults to false.\r\n\r\n#### `config.hierarchical`\r\n\r\nBoolean. Default to false.\r\n\r\n#### `config.hierarchical_sort_method`\r\n\r\nWhen hierarchical layout is enabled you may choose betweeen `\"hubsize\"` (default) and `\"directed\"`.\r\n\r\n#### `config.initial_cypher`\r\n\r\n#### `config.console_debug`\r\n\r\nDefaults to not showing console messages\r\n\r\n#### `config.encrypted`\r\n\r\n`\"ENCRYPTION_OFF\"` (default) or `\"ENCRYPTION_ON\"`\r\n\r\nThis must be set to `\"ENCRYPTION_ON\"` when using a secure WebSocket connection, such as with Neo4j Aura.\r\n\r\n#### `config.trust`\r\n\r\n`\"TRUST_ALL_CERTIFICATES\"` (default) or `\"TRUST_SYSTEM_CA_SIGNED_CERTIFICATES\"`\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"8fffe33aaab22458fee585a133e390f4e6ec56b7","_id":"neovis.js@2.0.0-alpha.2","_nodeVersion":"15.8.0","_npmVersion":"6.14.1","dist":{"integrity":"sha512-2+93+bLeX63BzxbbJQKj3AxWJ+Cw697sFTqCTDamjQ9vu/8+24Yk5Qwvtja9a98Pdtqoo/1LG3Ow8eLfINB+Ow==","shasum":"6c70123f4d429a205746195872004c0b4e08607d","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.2.tgz","fileCount":30,"unpackedSize":7376424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMX6HCRA9TVsSAnZWagAA+TkP/jPhQuIw2wGfl6Kkz5Um\n3C0oVMUNZ5DpEtqUColpLof3ijAoC06fnNOSUBtrng+PvitldsnQ2v+IjLbN\nATaxNYpC2Acq1EjBJyAO4oWYqnlsFkH87mhAsGT+Um2xuI3VI4o6weKXmiv/\nRy91DYeK4zaMuM+15v4cBRV89IOi5yquOBS2TlDYxo4YVmKG+ci9KSPMmoAy\nmTHiX+G12calinlPAulJlLOnBOPcUxlhIglUJpTYutQg5gJ0mXuqt/xI7XGq\ncRoo+vqWruskCvKxTvh8LZ8oUsuBD3yvFy7lG7hT3bhh7/JWODGS9LiCQZ+L\nQEWIPMxhBhrZ+xtBgMNfNn+ggKKmGLHUmqDbhLmg3MLK3OZFEfgjM3auwtM3\nwqkeTrGFReNs2GP+GCOJbI72T5NtQD6IF8xxNToZ2f2BCNmSB2wEC+IlAafC\nKBtVVpz/3n/B3YsNCpdub5wLeSsQJjq9ktkiJ+Jov5Rj6LkfK5dGhArXcvbD\nq54RD5rz5ihKwnmgnFanQYGPudK58kS7sCk2MgUNAwvG77+LZ7+2m8TGjydA\nf9oRddgMSv/QEwYvYi9ADWdIGl/OEngReRdmb1LlNIwINMrl2vs5xJ9e3g27\nggzVCoqWljw59AjX/FLF5p7hlQl5cKbXElH/LfLJkXdsl5vkAcggMV6Nri0P\nitE3\r\n=EYHR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC87UVKusc1CYj0cUBGEaktbnh6hga7LwIFajrfAaXtBQIgLDu8pO6JI+YR5zelDpalSK8SN5Zdohg612pl7Lt9G9s="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.2_1613856390675_0.6736211592742485"},"_hasShrinkwrap":false},"2.0.0-alpha.3":{"name":"neovis.js","version":"2.0.0-alpha.3","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.12.13","@babel/core":"^7.12.13","@babel/eslint-parser":"^7.12.13","@babel/plugin-proposal-class-properties":"^7.12.13","@babel/plugin-transform-runtime":"^7.12.15","@babel/preset-env":"^7.12.13","babel-loader":"^8.2.2","core-js":"^3.9.0","cross-env":"^7.0.3","css-loader":"^5.0.1","eslint":"^7.19.0","eslint-plugin-jest":"^24.1.3","file-loader":"^6.2.0","jest":"^26.6.3","jest-canvas-mock":"^2.3.1","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^2.0.0","url-loader":"^4.1.1","webpack":"^5.21.2","webpack-cli":"^4.5.0"},"dependencies":{"@babel/runtime-corejs3":"^7.12.13","deepmerge":"^4.2.2","neo4j-driver":"^4.1.0","vis-network":"^9.0.2"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate \r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of Thrones dataset, run:\r\n\r\n```\r\nLOAD CSV WITH HEADERS FROM \"https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv\" AS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt) ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's load those next:\r\n\r\n```\r\nLOAD CSV WITH HEADERS FROM \"https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv\" AS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\n c.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the whole graph in Neo4j Browser by running:\r\n\r\n```\r\nMATCH p=(:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in the graph. However, we want to visualize the centralities (PageRank) and community detection results that we also imported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this visualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n``` html\r\n\r\n\r\n \r\n Neovis.js Simple Example\r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also specify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded. \r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n``` html\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure the visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to build a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After cloning the repo:\r\n\r\n```\r\nnpm install\r\nnpm run build\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n## Documentation\r\n\r\n* `Neovis.default(config)`\r\n* `Neovis.clearNetwork()`\r\n* `Neovis.reinit(config)`\r\n* `Neovis.reload()`\r\n* `Neovis.stabilize()`\r\n* `Neovis.renderWithCypher(statement)`\r\n* `Neovis.updateWithCypher(statement)`\r\n\r\n* `config`\r\n\r\n### `Neovis.default(config)`\r\n\r\nConstructor for Neovis. Creates new Neovis object, given configuration. See [config](#config)\r\n\r\n### `Neovis.clearNetwork()`\r\n\r\nClears network visualization\r\n\r\n### `Neovis.reinit(config)`\r\n\r\nReinitializes the network visualization with a new `config` object. See [config](#config)\r\n\r\n### `Neovis.reload()`\r\n\r\nReload the visualization. Will fetch data again from Neo4j per `initial_cypher` in the config object.\r\n\r\n### `Neovis.stabilize()`\r\n\r\nStop the physics simulation.\r\n\r\n### `Neovis.renderWithCypher(statement)`\r\n\r\nRender a new visualization with results from a Cypher statement. Any `Node` and `Relationship` objects returned in the Cypher query will be rendered in the visualization. Paths are not currently supported.\r\n\r\n### `Neovis.updateWithCypher(statement)`\r\n\r\nUpdate the current visualization with results from a Cypher statement. Any `Node` and `Relationship` objects returned in the Cypher query will be rendered in the visualization. Paths are not currently supported.\r\n\r\n### `config`\r\n\r\nA configuration object that defines:\r\n\r\n* how to connect to Neo4j (required)\r\n* an initial Cypher query for loading data for the visualization (optional)\r\n* the DOM element in which the visualization should be rendered (required)\r\n* how to style elements of the visualization (`labels` and `relationships`) (required)\r\n\r\nExample:\r\n\r\n~~~ js\r\nvar config = {\r\n container_id: \"viz\",\r\n server_url: \"bolt://localhost:7687\",\r\n server_user: \"neo4j\",\r\n server_password: \"sorts-swims-burglaries\",\r\n labels: {\r\n //\"Character\": \"name\",\r\n \"Character\": {\r\n \"caption\": \"name\",\r\n \"size\": \"pagerank\",\r\n \"community\": \"community\",\r\n //\"image\": 'https://visjs.org/images/visjs_logo.png',\r\n \"title_properties\": [\r\n \"name\",\r\n \"pagerank\"\r\n ],\r\n //\"sizeCypher\": \"MATCH (n) WHERE id(n) = {id} MATCH (n)-[r]-() RETURN sum(r.weight) AS c\"\r\n },\r\n [NeoVis.NEOVIS_DEFAULT_CONFIG]: {\r\n \"caption\": \"defaultCaptionProperty\",\r\n \"size\": \"defaultPagerank\",\r\n \"community\": \"defaultCommunity\"\r\n //\"sizeCypher\": \"defaultSizeCypher\"\r\n \r\n }\r\n },\r\n relationships: {\r\n \"INTERACTS\": {\r\n \"thickness\": \"weight\",\r\n \"caption\": false\r\n },\r\n [NeoVis.NEOVIS_DEFAULT_CONFIG]: {\r\n \"thickness\": \"defaultThicknessProperty\",\r\n \"caption\": \"defaultCaption\"\r\n }\r\n },\r\n initial_cypher: \"MATCH (n)-[r:INTERACTS]->(m) RETURN n,r,m\"\r\n };\r\n\r\n viz = new NeoVis.default(config);\r\n viz.render();\r\n~~~\r\n\r\n#### `config.container_id`\r\n\r\n#### `config.server_url`\r\n\r\n#### `config.server_user`\r\n\r\n#### `config.server_password`\r\n\r\n#### `config.server_database`\r\n(Only for Neo4j 4 and above) The name of database connecting to. \r\n\r\n### `NeoVis.NEOVIS_DEFAULT_CONFIG`\r\nFor both `config.labels` and `config.relationships` NeoVis.NEOVIS_DEFAULT_CONFIG \r\nsymbol can be added, which have the have the same properties as the normal config for specific \r\nlabel/relationshipType\r\nyou can use it by either `NeoVis.NEOVIS_DEFAULT_CONFIG` if you are using NeoVis as global\r\nor you can use it by \r\n~~~js\r\nimport { NEOVIS_DEFAULT_CONFIG } from 'neovis.js'; \r\n~~~\r\n#### `config.labels`\r\n\r\n``` \r\n\"Character\": {\r\n \"caption\": \"name\",\r\n \"size\": \"pagerank\",\r\n \"community\": \"community\",\r\n \"image\": 'https://visjs.org/images/visjs_logo.png',\r\n \"font\": {\r\n \"size\":26,\r\n \"color\":\"#000000\"\r\n },\r\n \"title_properties\": [\r\n \"name\",\r\n \"pagerank\"\r\n ],\r\n sizeCypher: \"MATCH (n) WHERE id(n) = $id MATCH (n)-[r]-() RETURN sum(r.weight) AS c\"\r\n}\r\n```\r\n##### `config.labels.caption`\r\n`String`: The property name to use as node caption. \r\nor `Function`: A function takes a [Neo4j node](https://neo4j.com/docs/api/javascript-driver/current/class/src/graph-types.js~Node.html) and return a string caption. \r\nDefault to no caption. \r\n##### `config.labels.size`\r\n`String`: The property name to use as node size. \r\nDefault to `1`. \r\n##### `config.labels.community`\r\n`String`: The property name to use as community (color). \\\r\nDefault to color by label. \r\n##### `config.labels.image`\r\n`String`. The url of image to display. \r\nDefault to no image (a dot will be displayed).\r\n##### `config.labels.font`\r\n`Object`: If `font` is supplied, the default font size configuration for node captions will be overwritten by the customized config. See `font` in [vis-network - nodes](https://visjs.github.io/vis-network/docs/network/nodes.html) for all available configuration for fonts. \r\n##### `config.labels.title_properties`\r\n`Array`: If `title_properties` is supplied, only the attributes listed in it are displayed in the tooltip.\r\n Otherwise, all attributes are present in the tooltip. \r\n##### `config.labels.sizeCypher`\r\n`String`: A Cypher query to get the size of the node. `$id` represent the id of the node to query size, and the Cypher query should return a Neo4j `Number`. \r\n`config.labels.sizeCypher` has a higher priority than `config.labels.size`, i.e. `sizeCypher` will overwrite the resulting size from `size` field.\r\n#### `config.relationships`\r\n\r\n```\r\n{\r\n \"INTERACTS\": {\r\n \"thickness\": \"weight\",\r\n \"caption\": false\r\n }\r\n}\r\n```\r\n##### `config.relationships.thickness`\r\n`String`: The property name to use as edge thickness. \r\nDefault to `1`. \r\n##### `config.relationships.caption`\r\n`Boolean`: If set to true, the relationship type will be displayed as edge caption. \r\nor `String`: The property name to use as edge caption. \r\n#### `config.arrows`\r\n\r\nBoolean. Defaults to false.\r\n\r\n#### `config.hierarchical`\r\n\r\nBoolean. Default to false.\r\n\r\n#### `config.hierarchical_sort_method`\r\n\r\nWhen hierarchical layout is enabled you may choose betweeen `\"hubsize\"` (default) and `\"directed\"`.\r\n\r\n#### `config.initial_cypher`\r\n\r\n#### `config.console_debug`\r\n\r\nDefaults to not showing console messages\r\n\r\n#### `config.encrypted`\r\n\r\n`\"ENCRYPTION_OFF\"` (default) or `\"ENCRYPTION_ON\"`\r\n\r\nThis must be set to `\"ENCRYPTION_ON\"` when using a secure WebSocket connection, such as with Neo4j Aura.\r\n\r\n#### `config.trust`\r\n\r\n`\"TRUST_ALL_CERTIFICATES\"` (default) or `\"TRUST_SYSTEM_CA_SIGNED_CERTIFICATES\"`\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"5ef90dc9296e0f9a09e857b0c7a682d67d7fcff8","_id":"neovis.js@2.0.0-alpha.3","_nodeVersion":"15.8.0","_npmVersion":"6.14.1","dist":{"integrity":"sha512-buIJqIJId/nkA3mx/bvL7/UaFT49EI+zJZctKoz5wr/PADj3NwoLrsnCqezaf33oeHZhZ9LBJRoKm+eMzQn1RA==","shasum":"d947800a903a2d6da3ca6cbdbb9cd0ec2ca109ce","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.3.tgz","fileCount":31,"unpackedSize":7376068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMcs/CRA9TVsSAnZWagAANdEP/jH97c+kAt000OaVnV99\nw05+cxkEMgg1vASEAoTjFczAUBPVykbN0c37xuFsJijrnoQsjB5oo7D24wRx\nW1tVH2jKLJQ3GOjIzJE/Gc3NZMXOAPSKftChv9nUl9doVpFnT6wvUCwllgxk\n2b2OTB1GUBxmjgAPLKgblmgZ+khh40zEyZXLRUEwKl1pcKCUb9oRqUVXkxQL\nmvo+aFb680IYNC5QFF5gj3vtwsgbBTHJj6dEVXXeqfi94/9H1zE4IRev4Iv3\nNqsNsFysuqVMo4p5ent4dJYTTFjIwilxeFwam5iIzyicOLK2tZ9ikYG6l+hz\nb6EZwBn4TivI2zZ5i62EvfAW6mZx+2SuSMLiThgfIgT4ilxx6cRBP+ebBq3b\nsYxZ1JbEfocNqLJWCObSgEXmOyAb0F/Sj58LzqMieUeD2mRc3Ne5ULICxOOk\nuPl0apWeXGQN3/sa4O+gFMvNZO34PLA2KYaeD910EoA+A1xIyaqcc0ZTyNAU\n8XsVbs+4cuplKghm9BdvPaMr+blZR7o68qfzD/JbIZaBg0QJC4u8XOluXyq8\naI/CbdXS/XzacgzizK58FIR7UkU/f7icqCSIeFBawQBasHOdIjTVDzjFT4GQ\nAJAs2pAeVbdvwyCWPZBQjofLtzhqXXGUkSo7YUx+7nqLwCNbUpHozDroYrOC\nY5im\r\n=wxIB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDMmXiUDswVBYSuE9U9JSWeEAa3q0JmAO7+jaU4b+xQwAiA5zgOiAOJU96ygzLsJonizLyIQLyuWIL4D/U5lcCVarQ=="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.3_1613876030644_0.7465138451328681"},"_hasShrinkwrap":false},"2.0.0-alpha.4":{"name":"neovis.js","version":"2.0.0-alpha.4","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"run-p typedoc:*","typedoc:html":"typedoc index.d.ts --out docs/html --plugin none","typedoc:markdown":"typedoc index.d.ts --out docs/markdown --plugin typedoc-plugin-markdown --readme none"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.12.13","@babel/core":"^7.12.13","@babel/eslint-parser":"^7.12.13","@babel/plugin-proposal-class-properties":"^7.12.13","@babel/plugin-transform-runtime":"^7.12.15","@babel/preset-env":"^7.12.13","@egjs/hammerjs":"^2.0.17","babel-loader":"^8.2.2","core-js":"^3.9.0","cross-env":"^7.0.3","css-loader":"^5.0.1","eslint":"^7.19.0","eslint-plugin-jest":"^24.1.3","file-loader":"^6.2.0","jest":"^26.6.3","jest-canvas-mock":"^2.3.1","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^2.0.0","typedoc":"^0.20.27","typedoc-plugin-markdown":"^3.5.0","typescript":"^4.1.5","url-loader":"^4.1.1","vis-data":"^7.1.2","vis-util":"^5.0.2","webpack":"^5.21.2","webpack-cli":"^4.5.0"},"dependencies":{"@babel/runtime-corejs3":"^7.12.13","deepmerge":"^4.2.2","neo4j-driver":"^4.1.0","vis-network":"^9.0.2"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](docs/markdown)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"e31e7ef0a3d346194426387bb19264339e162232","_id":"neovis.js@2.0.0-alpha.4","_nodeVersion":"15.8.0","_npmVersion":"7.5.4","dist":{"integrity":"sha512-3CzZuo65VyGXv5KByWTzfW+1fBWvb6FWFOVlLhnPvVp9kFWHVCqVOWSuqdU+uMfE7bj00eUChN4DBxRKe6w2Ig==","shasum":"ee7d88792263ddfdee5294f773eef700dfd0dcdc","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.4.tgz","fileCount":59,"unpackedSize":8003894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrVpcCRA9TVsSAnZWagAA6jQP/0XD8SwoHDI6km7L9ODY\nA9I6qyzmIbGmtF0bR4ZTdTxmn2JeRv0Ti1aUeD6bzsEzEhUVyLz/VtobmRuU\nU5da2uDggAlYymr05kR7rWWzb+vkP/mA7AvoFfV7soTBOF5q1PPU97xAccPT\n8y8d912QIxYf4l4B8aO622tPq7Ff6vT9WeswdDr7N9XgLFtBaikuwBJv0pGm\nzyQSt/U1FjA2hZvDRZISBKP9hBfygb7JYScdP985+IG7A5hr9InAcDXG71nU\nOo8gRwBir4vbdfZmIrsUhcoqNB0ZRt0W8jyjAc5A/KGrQwjvSxFf62U9WFPi\nWpwapD4kQ05GHQ4X3hG301FvjOklUfcl0CyBVsp5l0vLZPrAz8FimZqsqMoY\n22GUJVlFYG4/zj04LDcYydWJbuPBC+fiyW+B3OrPovsqwe79e7DV8JlJMScG\nySThMA8n/GlwaYjVd1Yp48fNjYThMPyS2v1lcdt5Rs1NCSonme1n0fj6RdBB\npRazEI6PMr1T9Bg7PyGg3FJuUUR0OyrREx/DnHfhf37oul6vuDjVO0eNE+WS\nuZWKLNuI5Fv/8rdOHhAovxDprPQpd0deHzdoPUKcBZ8EcUHmFPbv7wh2gzSh\nP7w4EuHsxJwiCsJtYD1KsFcpv0A7lY11aXkxuddQLpbDYqpN/WHwEGiA1x5g\nkrGy\r\n=RdSR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA5a6Y9T7JC3KBDdFkCLjGTz4quA9+iFDjSpiR/VeOlBAiEA/N1bSL24JgqhNfTDP5WWsqV7D/hGFpHLACavKaO474c="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.4_1621973595819_0.34575003995374387"},"_hasShrinkwrap":false},"2.0.0-alpha.5":{"name":"neovis.js","version":"2.0.0-alpha.5","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./index.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.js","eslint":"eslint .","prepublishOnly":"npm run build","clean":"rimraf ./dist","build":"run-s clean build:prod","build-dev":"run-s clean build:dev","build:prod":"run-p build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"run-p typedoc:*","typedoc:html":"typedoc index.d.ts --out docs/html --plugin none","typedoc:markdown":"typedoc index.d.ts --out docs/markdown --plugin typedoc-plugin-markdown --readme none"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.12.13","@babel/core":"^7.12.13","@babel/eslint-parser":"^7.12.13","@babel/plugin-proposal-class-properties":"^7.12.13","@babel/plugin-transform-runtime":"^7.12.15","@babel/preset-env":"^7.12.13","@egjs/hammerjs":"^2.0.17","babel-loader":"^8.2.2","core-js":"^3.9.0","cross-env":"^7.0.3","css-loader":"^5.0.1","eslint":"^7.19.0","eslint-plugin-jest":"^24.1.3","file-loader":"^6.2.0","jest":"^26.6.3","jest-canvas-mock":"^2.3.1","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^2.0.0","typedoc":"^0.20.27","typedoc-plugin-markdown":"^3.5.0","typescript":"^4.1.5","url-loader":"^4.1.1","vis-data":"^7.1.2","vis-util":"^5.0.2","webpack":"^5.21.2","webpack-cli":"^4.5.0"},"dependencies":{"@babel/runtime-corejs3":"^7.12.13","deepmerge":"^4.2.2","neo4j-driver":"^4.1.0","vis-network":"^9.0.2"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](docs/markdown)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"40ff5732a33dce9d28f45c892977fe89a29e9b91","_id":"neovis.js@2.0.0-alpha.5","_nodeVersion":"15.8.0","_npmVersion":"7.5.4","dist":{"integrity":"sha512-Drg7ErytmIVfRLj5KXdS4jbWSpnZkWxZ1y2jC3curRoKITyjt/StaDcKVAqgAHfNCclozkiVATNtbQupEtvj7Q==","shasum":"ef5771d8d6c8118f3f3fea32b2b4a320d3f3b727","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.5.tgz","fileCount":60,"unpackedSize":8011116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrW0kCRA9TVsSAnZWagAAq9EP/0LnbrmoGJamkecEwEG4\nsGWsTQlEXPa82g7zp1sGBv7yGCZnvpiTnHMmytygFls+5JjxEeBhPO74LMkg\nU1mY6F3wKyx/Q1+ohCXEgE0OvqyBg0eBdkV8VNmV6aTclkmw1N+MINubk6yG\nnce+gm5f18y1CUrOZN5IJgv7QkMSfXH6pINZjCbmvmkTtSS3yyDVG7Ul0eMX\n/QlH3T89p+phLI7+wAun8O6IEoOryxWM4GQMpgiZOour7j3M97QCC2sElngD\nXtUfW/aCHiSl8g+nLM4Ienx0ypDN/cupKd2b3SLvpIfdmC3DPk6+qAm4trfj\nkU7oMjN2U/L7pO+GpCmL3kVgi6KBS69nm+eR1z0e3EDP4YKktesUUlOajbbz\n73UeTjXoUNueaszCIhzjBoRA9HZ3rqZOZCkiS0EUB4WyB7Tj5EQB9ZjgZlNz\n2Kuu1O0byothZD7lW5c0fxBEWSj5+qO3fe90tSoc2PmP7KWggv6w6spy9awh\nIyPy2YTUH1i2HwKY5YHVAdqoqC8reZ6Ii4ay1JG8hIaw/TbEGMWWZBDI6DeG\nWvYzqaWdW/kW8UKaaDjyLPELosP7PhcYvC19F/+8S7FTe8cdfytvk/Miuont\nQ14GD/eMz6znunlXmVIQvLlAZ9ClaXnjlLcdq6H7VHGqf2DcvqwP+mRHEw0d\nY2hS\r\n=j0Ub\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmlPprdEgeDt9o64RqvvZX1vY3R0j5fwElsjRsN0uOxwIhANS5RBE1uo/x0sQ/RMGt4gvw+lJc+I6UTZpMWmFHd92Y"}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.5_1621978403994_0.30760625127207053"},"_hasShrinkwrap":false},"2.0.0-alpha.6":{"name":"neovis.js","version":"2.0.0-alpha.6","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"run-p typedoc:*","typedoc:html":"typedoc src/neovis.ts --out docs/html --plugin none --excludePrivate","typedoc:markdown":"typedoc src/neovis.ts --out docs/markdown --plugin typedoc-plugin-markdown --readme none --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.15.7","@babel/core":"^7.15.8","@babel/plugin-transform-runtime":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-typescript":"^7.15.0","@egjs/hammerjs":"^2.0.17","@types/jest":"^27.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","babel-loader":"^8.2.2","component-emitter":"^1.3.0","core-js":"^3.18.2","cross-env":"^7.0.3","css-loader":"^6.3.0","eslint":"^7.32.0","eslint-plugin-jest":"^24.5.2","jest":"^27.2.5","jest-canvas-mock":"^2.3.1","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^3.3.0","timsort":"^0.3.0","typedoc":"^0.22.5","typedoc-plugin-markdown":"^3.11.3","typescript":"^4.4.3","uuid":"^8.3.2","vis-data":"^7.1.2","vis-util":"^5.0.2","webpack":"^5.58.1","webpack-cli":"^4.9.0"},"dependencies":{"@babel/runtime-corejs3":"^7.15.4","deepmerge":"^4.2.2","neo4j-driver":"^4.3.3","neo4j-driver-core":"^4.3.3","vis-network":"^9.1.0"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](docs/markdown)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"2344f9fd9695dae3ca8708e593d305886d701bdf","_id":"neovis.js@2.0.0-alpha.6","_nodeVersion":"16.10.0","_npmVersion":"7.5.4","dist":{"integrity":"sha512-R0op6DIRBP0MTuq2Cht8BfRInh4cJnk7YsJwCnDkiuZDCTiwLNmie6t0QUaqRFFbL8Hm+A9tSVHTYVqJyB7PAQ==","shasum":"65f5e4aa6399234298584b19eeed94fef1d6b3df","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.6.tgz","fileCount":83,"unpackedSize":8263645,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICm1Zc83dVNhs7uo5FebKXfcpv14CYAY33nGIDYhmXw5AiBsI6HmaFMbkkhLGi+qXvsrhuQ6s4IRsb9aik8WFyNeag=="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.6_1633704881410_0.9959633833510353"},"_hasShrinkwrap":false},"2.0.0-alpha.7":{"name":"neovis.js","version":"2.0.0-alpha.7","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"run-p typedoc:*","typedoc:html":"typedoc src/neovis.ts --out docs/html --plugin none --excludePrivate","typedoc:markdown":"typedoc src/neovis.ts --out docs/markdown --plugin typedoc-plugin-markdown --readme none --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.15.7","@babel/core":"^7.15.8","@babel/plugin-transform-runtime":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-typescript":"^7.15.0","@egjs/hammerjs":"^2.0.17","@types/jest":"^27.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","babel-loader":"^8.2.2","component-emitter":"^1.3.0","core-js":"^3.18.2","cross-env":"^7.0.3","css-loader":"^6.3.0","eslint":"^7.32.0","eslint-plugin-jest":"^24.5.2","jest":"^27.2.5","jest-canvas-mock":"^2.3.1","jsdom":"^17.0.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^3.3.0","timsort":"^0.3.0","typedoc":"^0.22.5","typedoc-plugin-markdown":"^3.11.3","typescript":"^4.4.3","uuid":"^8.3.2","vis-data":"^7.1.2","vis-util":"^5.0.2","webpack":"^5.58.1","webpack-cli":"^4.9.0"},"dependencies":{"@babel/runtime-corejs3":"^7.15.4","deepmerge":"^4.2.2","neo4j-driver":"^4.3.3","neo4j-driver-core":"^4.3.3","vis-network":"^9.1.0"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](docs/markdown)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"441899ab8f2c0381361913170d1e16f5bdc9e164","_id":"neovis.js@2.0.0-alpha.7","_nodeVersion":"16.10.0","_npmVersion":"7.5.4","dist":{"integrity":"sha512-5V1PoaoEHHTojmowRqck2/Nz7xzmD3iwJa9S3tcQHKwK1msnKxKzsLeRX0iakmKW/T8mG9N6hqURHTn7kDEjyQ==","shasum":"d670c52e6c94ad025f7004d141738bcbb7035936","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.7.tgz","fileCount":82,"unpackedSize":7950408,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFISYlbaXJBaYLK9E6up2LL+Zl57bqGzXIdXcQCnNBb/AiA16MuxpcI/JTWxmjXl3lnZkf8+vSljnWqSmZ4DHgtC/w=="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.7_1633897396232_0.008706756191873666"},"_hasShrinkwrap":false},"2.0.0-alpha.8":{"name":"neovis.js","version":"2.0.0-alpha.8","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --plugin none --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.15.7","@babel/core":"^7.15.8","@babel/plugin-transform-runtime":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-typescript":"^7.15.0","@egjs/hammerjs":"^2.0.17","@types/jest":"^27.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","babel-loader":"^8.2.2","component-emitter":"^1.3.0","core-js":"^3.18.2","cross-env":"^7.0.3","css-loader":"^6.3.0","eslint":"^7.32.0","eslint-plugin-jest":"^24.5.2","jest":"^27.2.5","jest-canvas-mock":"^2.3.1","jsdom":"^17.0.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^3.3.0","timsort":"^0.3.0","typedoc":"^0.22.5","typescript":"^4.4.3","uuid":"^8.3.2","vis-data":"^7.1.2","vis-util":"^5.0.2","webpack":"^5.58.1","webpack-cli":"^4.9.0"},"dependencies":{"@babel/runtime-corejs3":"^7.15.4","deepmerge":"^4.2.2","neo4j-driver":"^4.3.3","neo4j-driver-core":"^4.3.3","vis-network":"^9.1.0"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\n\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\n\nGraph visualizations powered by vis.js with data from Neo4j.\n\n![](img/example-viz.png)\n\n## Features\n\n- [x] Connect to Neo4j instance to get live data\n- [x] User specified labels and property to be displayed\n- [x] User specified Cypher query to populate\n- [x] Specify node property for url of image for node\n- [x] Specify edge property for edge thickness\n- [x] Specify node property for community / clustering\n- [x] Specify node property for node size\n- [x] Configure popover\n\n## Install\n\nNeovis.js can be installed via npm:\n\n```bash\nnpm install --save neovis.js\n```\n\nyou can also obtain neovis.js via CDN:\n\n## CDN\n\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\n\n*Most recent release*\n\n```html\n\n\n```\n\n*Version without neo4j-driver dependency*\n\n```html\n\n\n```\n\n## Quickstart Example\n\nLet's go through the steps to reproduce this visualization:\n\n![](img/example-viz.png)\n\n### Prepare Neo4j\n\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\nThrones dataset, run:\n\n```cypher\n\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\nAS row\nMERGE (src:Character {name: row.Source})\nMERGE (tgt:Character {name: row.Target})\nMERGE (src)-[r:INTERACTS]->(tgt)\n ON CREATE SET r.weight = toInteger(row.weight)\n```\n\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\nload those next:\n\n```cypher\n\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\nAS row\nMATCH (c:Character {name: row.name})\nSET c.community = toInteger(row.community),\nc.pagerank = toFloat(row.pagerank)\n```\n\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\nwhole graph in Neo4j Browser by running:\n\n```cypher\n\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\nRETURN p\n```\n\n![](/img/got-neo4j-browser.png)\n\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\nimported.\n\nSpecifically we would like:\n\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\n nodes in the network.\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\n\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\nvisualization.\n\n### index.html\n\nCreate a new html file:\n\n```html\n\n\n\n Neovis.js Simple Example\n \n\n\n
\n\n\n\n```\n\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\n\nWe need to pull in `neovis.js`:\n\n```html\n\n\n```\n\nAnd define our draw() function:\n\n```html\n\n\n```\n\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\nthe visualization.\n\n![](/img/example-viz.png)\n\nSee [simple-example.html](/examples/simple-example.html) for the full code.\n\n### module usage\n\nyou can also use it as module, but it would require you have a way to import css files\n\n```javascript\nimport NeoVis from 'neovis.js';\n```\n\nor you can import the version with bundled dependency\n\n```javascript\nimport NeoVis from 'neovis.js/dist/neovis.js';\n```\n\n## Api Reference\n\n[Api Reference](https://neo4j-contrib.github.io/neovis.js/modules.html)\n\n## Build\n\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\ncloning the repo:\n\n```bash\nnpm install\nnpm run build\nnpm run typedoc\n```\n\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \n\n\n\n","readmeFilename":"README.md","gitHead":"4c5fbce0de63f7430fa82f574251528be6011780","_id":"neovis.js@2.0.0-alpha.8","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-OYwT+h2LjbCTemgO+wenVWpoKTwj2D4Ab4QtrJSB+KCTnvG8P244a3/fIkviAIZBrPwHVq8y9Sh9n4ix3nJd0w==","shasum":"272c96142f970fe4d30f0684928c71ccf38729a6","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.8.tgz","fileCount":63,"unpackedSize":7871460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF5pgfPRxVcFemEg0qQd1UaJpLwrJu5DCnBYzol4M20rAiEAtW0K4gRvfkIwxibk3vXh8KFCF64+bR3vRfKT8nIAORg="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.8_1634427863102_0.10789417298697446"},"_hasShrinkwrap":false},"2.0.0-alpha.9":{"name":"neovis.js","version":"2.0.0-alpha.9","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --plugin none --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.15.7","@babel/core":"^7.15.8","@babel/plugin-transform-runtime":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-typescript":"^7.15.0","@egjs/hammerjs":"^2.0.17","@types/jest":"^27.0.2","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","babel-loader":"^8.2.2","component-emitter":"^1.3.0","core-js":"^3.18.2","cross-env":"^7.0.3","css-loader":"^6.3.0","eslint":"^7.32.0","eslint-plugin-jest":"^24.5.2","jest":"^27.2.5","jest-canvas-mock":"^2.3.1","jsdom":"^17.0.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^3.3.0","timsort":"^0.3.0","typedoc":"^0.22.5","typescript":"^4.4.3","uuid":"^8.3.2","vis-data":"^7.1.2","vis-util":"^5.0.2","webpack":"^5.61.0","webpack-cli":"^4.9.1"},"dependencies":{"@babel/runtime-corejs3":"^7.15.4","deepmerge":"^4.2.2","neo4j-driver":"^4.3.4","neo4j-driver-core":"^4.3.4","vis-network":"^9.1.0"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](https://neo4j-contrib.github.io/neovis.js/modules.html)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"cfc86d010cdbd1540cd5218de6d2089f77ba2e2a","_id":"neovis.js@2.0.0-alpha.9","_nodeVersion":"17.0.1","_npmVersion":"7.5.4","dist":{"integrity":"sha512-caO3Z+BOU1xC9ff5UkIhUe8d2OQA+lbLhIjEMKWnybmFKjebN6oFnSl3y+rMB8wmb6WSbForjzNCYrmE21zlPg==","shasum":"65789b84d26a031aec902bd9d6a9b37c78f77db0","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.0-alpha.9.tgz","fileCount":63,"unpackedSize":7911723,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCS6fvyK2vBxbj5yorbwvI61zQSjSZSHLqeuUX4E/L+EQIhAPxsbubdjxhAxeF+Qq07e/wZEo/8LvWjTAuyXqjuV28t"}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.0-alpha.9_1635517865551_0.14946183299402827"},"_hasShrinkwrap":false},"2.0.1":{"name":"neovis.js","version":"2.0.1","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --plugin none --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.17.10","@babel/core":"^7.18.5","@babel/plugin-transform-runtime":"^7.18.5","@babel/preset-env":"^7.18.2","@babel/preset-typescript":"^7.17.12","@egjs/hammerjs":"^2.0.17","@types/jest":"^28.1.3","@typescript-eslint/eslint-plugin":"^5.29.0","@typescript-eslint/parser":"^5.29.0","babel-loader":"^8.2.5","component-emitter":"^1.3.0","core-js":"^3.23.3","cross-env":"^7.0.3","css-loader":"^6.7.1","eslint":"^8.18.0","eslint-plugin-jest":"^26.5.3","jest":"^28.1.1","jest-canvas-mock":"^2.4.0","jest-environment-jsdom":"^28.1.1","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^3.3.1","timsort":"^0.3.0","typedoc":"^0.22.18","typescript":"^4.7.4","uuid":"^8.3.2","vis-data":"^7.1.4","vis-util":"^5.0.3","webpack":"^5.73.0","webpack-cli":"^4.10.0"},"dependencies":{"@babel/runtime-corejs3":"^7.18.3","deepmerge":"^4.2.2","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.2"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"gitHead":"ee8fe3651a2c5eae42fd7f20bdcfc2a5fc9fd18e","_id":"neovis.js@2.0.1","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-atIo8JUoE5YbXQCIRUeibDPWOcmcnogGpc0kcKm687BTICBWSemu1FFkGnD261vlbtfDm6BHeQQaHjfUpN6z0w==","shasum":"d151ad00847a6dc1aab64799e7b166932b3980bd","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.1.tgz","fileCount":63,"unpackedSize":8102523,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCYk0I557PVGERdrp95DsA92JzoT8kqQTb7C/9O6V6zAIhALb+h1VafUsnqneWuto/1pu+Vh2v30EnCuEuorEgc8ql"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiuMqMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdexAAh8+kpbRWF8+J6EBjMmlYh1hntHsv+m9utuPn0c/NFfuaCqni\r\nJQrbtggsdyPuFgp5aqTVfs+S59WSycLmSUCwpMO2QbdOFGAe10bvSNRssWIW\r\nIGq6OAKaEbzSU/Wdgzdp1yHAfGDBSml1NK+Y7N90OuxFZKVzVr1SBpSsXsVp\r\n8zyFjX94PvJV5BPV/vMYu7BNgC571xTyog6YXE2qsaqas2xibJHvwT+yMsA4\r\nYLnRFpF0uwIX1oFzqX38mX0tHSgp2ZqLG2sLHsUIbOZ7a1pWo+llp1kgYaKf\r\ntYkBMonVO6hqn9q72bqDxeNGY02Wfw3rZDi8XwSbtDJMm916zCUcD+wSpkOW\r\nJsuqsgvIUrXpuiZWSG2ayY+yl/uvi4H/liOq2QY0BhnDO7d2bDEr4oW2QOZc\r\njceXFrvK/y5vIs9QrJzBnKvSMDxyIQabFZTLSYCCMWkgvNpIc3M7AI+ki7UJ\r\nhjSpcEfSvYUKZddU0bPZM9h+oPQ20bg6z0WgJbrWAmy+c/PGY/B2Mav3cYWE\r\nGQJ2C5ZTdCA9PCLbJSZ+9MQkLn87AqX1+Zp2iuCsy21x6k7pAKKuNSpyvcn/\r\nPTvAgsxm5kompSilH3GpLWjSmNHcQ39hC9ROouRXvMb7+r+i9UPDNFf7DsgA\r\ntipfBtQBxfTZJqPlfx8F3LEMHpacPaEqGwo=\r\n=c8kz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.1_1656277644517_0.8320238622880589"},"_hasShrinkwrap":false},"2.0.2":{"name":"neovis.js","version":"2.0.2","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --plugin none --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.17.10","@babel/core":"^7.18.5","@babel/plugin-transform-runtime":"^7.18.5","@babel/preset-env":"^7.18.2","@babel/preset-typescript":"^7.17.12","@egjs/hammerjs":"^2.0.17","@types/jest":"^28.1.3","@typescript-eslint/eslint-plugin":"^5.29.0","@typescript-eslint/parser":"^5.29.0","babel-loader":"^8.2.5","component-emitter":"^1.3.0","core-js":"^3.23.3","cross-env":"^7.0.3","css-loader":"^6.7.1","eslint":"^8.18.0","eslint-plugin-jest":"^26.5.3","jest":"^28.1.1","jest-canvas-mock":"^2.4.0","jest-environment-jsdom":"^28.1.1","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^3.0.2","style-loader":"^3.3.1","timsort":"^0.3.0","typedoc":"^0.22.18","typescript":"^4.7.4","uuid":"^8.3.2","vis-data":"^7.1.4","vis-util":"^5.0.3","webpack":"^5.73.0","webpack-cli":"^4.10.0"},"dependencies":{"@babel/runtime-corejs3":"^7.18.3","deepmerge":"^4.2.2","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.2"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"gitHead":"f9057de1e5344fc15ded63f0b4d3518a72778a5a","_id":"neovis.js@2.0.2","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-QKl/gnjscRwIrWKECOhjiabWkUCoDsUVtI8fhyJai15NJHtiq4VIU7jX/Shb1oUeXg8gGq+dwbPELapR8Kph3w==","shasum":"a15afd058ab6f960fc3854ec0ff1bba41faa2a9c","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.2.tgz","fileCount":63,"unpackedSize":8102523,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEdCx+NDy0ZRktGuTchjXy6A4emRA2IyhLVhLCc6xE5DAiA39gnhplL56nyMrxd5Ox8q1YNla5Jfjei/icZ+8hVGKw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiuMryACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGcw/+Ik8hLOLihszdykdPBAOZKBFCiC2IQ+rNlRj+qW9Bpw2R4zlu\r\nFCuAjEla2LxGl5MPgEmktNvvfZrYJin4ELUo62DLgLYgie6Gn0PXk5JFap5c\r\nbm4H84QAHLjAyavEs7dVwwUDc+uMQjOBHmt4UfsN0/OT70l4iW3Dr7n6h2/C\r\nBOpP54M2j2KaPsPEaU5yyGblAHPxtFLPBs8htIdBZ9Y+MtnWFhNSGoEUDpl5\r\nYNc/uSsK5PjAPSd9Xt1Nka1Dsu+fz86Qmtc1DpLo2CECQhvmyRLRBbRinTVO\r\nOSIjeSUJ4Lnqis2OcHcAnBx4+xN+dGINIT/Ggf45DvONjhA1Bt0elPp6FYRb\r\nNez+AoTaIn5by7QPtKP/f8jE8OYsBjPmncxgzxqwpXGLODQGo4EYk/BCFaAn\r\n8z9YdnK5cZRFUudLfzFxM37MjcbvgmnCcuxt/Ims7Mff2C8kyXckx8tqlTUU\r\nnXy/kAPSV7WPbel1GRNUgJRzAeqfLwDWzsVeDzfEY/HxkKN+V8b0t7c3aEqr\r\nVWwlU832UtvKeT4KuMyDu9XYFWs65sbPAgqbg37K8pHv0yy8eB6ep6+t3WhP\r\nFpZGdPreZjvgR7EGEh36PjSNvNdNsOplc9jCkWM73D9DYez/M1lnSvhLpDrU\r\nUtWJXgDVfQWn0E3NmxDkYSeYBnSFYtNdtZI=\r\n=bIOx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.2_1656277746640_0.12724409477116816"},"_hasShrinkwrap":false},"2.0.3":{"name":"neovis.js","version":"2.0.3","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"gitHead":"9a2a832b5459553b7d8116c8c634f38edd98f6e4","_id":"neovis.js@2.0.3","_nodeVersion":"19.9.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-hrMq+Dw5MWJsamRTGyx5tKzit57e3sk3LCyARU6jbgDzr4lANkXwBrw2DV0uCNu944cWBbRxIkQ2GVxmyU5FLA==","shasum":"c3017435700598400fa148c54330cc34baddf789","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.3.tgz","fileCount":73,"unpackedSize":8961000,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrxFVzp0nofnhsuIl+Di2O26iplZ8zfPCIMgd3mETmugIhAOnpg09NR/OEwC/FNDZogUKiAj30alNpFUQaHWaJPdKs"}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.3_1683576551808_0.11840882189973168"},"_hasShrinkwrap":false},"2.0.4":{"name":"neovis.js","version":"2.0.4","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"gitHead":"615c04cafbc246178c66f51f491becb9d5a6eee8","_id":"neovis.js@2.0.4","_nodeVersion":"19.9.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-xoJgPqzIiEPeDOc/2TpVBPYKv7Mj0SttoSU7yBP4lonAWewUE6KRf7EYjLz+2jfxDr3Y6JmHF15/VV5GENLDEA==","shasum":"d2f537b0c6206e9311bdafdc1b35f13382f2ae15","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.0.4.tgz","fileCount":73,"unpackedSize":8968158,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFnQ20PAlDtdBQiFIHSLh20/uThkRLTL8Xag47c3MuC+AiEA8+8VGZMWckbvJ9W4j+wZNDxLIFnHStafshNgaoka+3k="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.0.4_1683578225103_0.1455821516086495"},"_hasShrinkwrap":false},"2.1.0-alpha1":{"name":"neovis.js","version":"2.1.0-alpha1","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](https://neo4j-contrib.github.io/neovis.js/modules.html)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"a7a2d0fdb74279d781687424526f143481f52e83","_id":"neovis.js@2.1.0-alpha1","_nodeVersion":"19.9.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-qUUC5rVdPECax6a2f53Xnwmc/PekD2vYRoC7wDYNxNbGsUVob0Z4bhjz8P9Jy8+rcf4z855It8aEt/pdaBQf7Q==","shasum":"ad4ee35027cdce2d315cc4186fafa7ce4fdaa787","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.1.0-alpha1.tgz","fileCount":73,"unpackedSize":8989664,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCu0wv3vD+s6aitCORPe4OB/jEaX+iEgNHwODpW9x5SxQIhAL2b8a51ErOmpHXaFWhMNngG8DaEV8GG3HGsu3LZPpU3"}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.1.0-alpha1_1683581743551_0.123046742718383"},"_hasShrinkwrap":false},"2.1.0-alpha2":{"name":"neovis.js","version":"2.1.0-alpha2","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](https://neo4j-contrib.github.io/neovis.js/modules.html)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"a7a2d0fdb74279d781687424526f143481f52e83","_id":"neovis.js@2.1.0-alpha2","_nodeVersion":"19.9.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-lZ502w1B0PitvAxeGx2bJ8l/MCkPEwOZDvKZIeBYqk0XFuBuROqczYbQwFkxl7ODAbPUix8AqZvgfRrPDv6p4w==","shasum":"41c138326d1e9e9c9cd43ba7cbf3181b72baf1da","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.1.0-alpha2.tgz","fileCount":73,"unpackedSize":8989758,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICD5TQQgs1GHbgtfgTOvWA4Cpw1klb4OsroTtJTWfxW4AiEA6KLL+ZheSCjsUwvNUpHzAdigLl7Gc5leiXNEMxyaW44="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.1.0-alpha2_1683582053615_0.8047758455948257"},"_hasShrinkwrap":false},"2.1.0-alpha4":{"name":"neovis.js","version":"2.1.0-alpha4","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](https://neo4j-contrib.github.io/neovis.js/modules.html)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"7c62f00c5af56c137e90bc0eee6c86ab3794ac99","_id":"neovis.js@2.1.0-alpha4","_nodeVersion":"20.1.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-PiVhZbgc+97XR88jPsykOjwHe9oDOsDYfyPTxaFN0QbuuUBjF/XxzMvCHDftz7nHia3UZETYEAnFq8OFbMULrA==","shasum":"da8ba59b6b8cb9b68d152e378fa30f2acba48c87","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.1.0-alpha4.tgz","fileCount":4092,"unpackedSize":25351923,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDt1JPYZliCLZfU4H5vpuXttDsPVBmq1ZviSBWpQ980SAiB35eXkU8SBM7Z4iPP6sWYQNuuLwUGOXZg0e9COJJgE1A=="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.1.0-alpha4_1683663765029_0.48537152228802305"},"_hasShrinkwrap":false},"2.1.0-alpha5":{"name":"neovis.js","version":"2.1.0-alpha5","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](https://neo4j-contrib.github.io/neovis.js/modules.html)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"902ea8dd911dac05b07c90284a64abb362dfa338","_id":"neovis.js@2.1.0-alpha5","_nodeVersion":"20.1.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-JNxm7/l2CG24+Zf3+7xwxwsJhNYuqscuxizfzUezS1jjYIe15HW0kke48qyBuOyXEmQsVn0rxEZtZuyYfNagNg==","shasum":"fe67d51dc6dad13e8bcee1255565dbeb2e56e0d1","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.1.0-alpha5.tgz","fileCount":4362,"unpackedSize":26310181,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBP9gRDFJuLmUD8JgGJPfvYN7X0RiBe01sErcs2EnxPQIgF0YhNvjlz/kuA/TjkeKI4pyxLNgrK+HPhVwQN9iio8k="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.1.0-alpha5_1683836371921_0.12502744856717185"},"_hasShrinkwrap":false},"2.1.0-alpha7":{"name":"neovis.js","version":"2.1.0-alpha7","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"jest __tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](https://neo4j-contrib.github.io/neovis.js/modules.html)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"28524f3178dc37e82b481e823acbcb7457299b70","_id":"neovis.js@2.1.0-alpha7","_nodeVersion":"20.1.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-6nGmFMwojmW8SDSMMdHYTqRrPZGErRc/1J3BlrnremfG4KUTWm0qFpyeNJOsD7bupoErxJPzRQBYqBg/VNJaIg==","shasum":"16c046475520fc07b52751bb214aad74454fa00d","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.1.0-alpha7.tgz","fileCount":4362,"unpackedSize":26334406,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDWJd+NJxCWCN8TG4BLP6kwJzPQZkOE28LE47N0RbfkEAiBkzFd330jhlAS+jdcxM7eKaIuGdXh1DGF60lEZ5IjF0g=="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.1.0-alpha7_1684016132719_0.8370041776529014"},"_hasShrinkwrap":false},"2.1.0":{"name":"neovis.js","version":"2.1.0","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"run-p test:*","test:jest":"jest __tests__/neovis.tests.ts","test:types":"tsc --esModuleInterop --allowSyntheticDefaultImports --moduleResolution Node --target esnext --noemit ./__tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"gitHead":"cef0aa16d647ffe0fd9ca457bcffa6e0cb7c55c8","_id":"neovis.js@2.1.0","_nodeVersion":"20.1.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-Xceu1qcxbDy7BtYnARl6URp8rArVwJBR9lJHvswdIG6a/BCaMBJzc7UtWU8fQGObrwkKhams6kZIFl4iBIMEjg==","shasum":"745e0eace111cf251d2a53563b2871459fc073ad","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.1.0.tgz","fileCount":4363,"unpackedSize":26344473,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjPHAA1IkNmY66uJYuSot7uBqP15Ty79cjk0higpZv6QIhAIaaGXvctAjl7s8oRxPT0y6DO09baggztnJHtTp7VL20"}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.1.0_1684355871508_0.2996891605086731"},"_hasShrinkwrap":false},"2.1.1-alpha1":{"name":"neovis.js","version":"2.1.1-alpha1","description":"Graph visualizations powered by vis.js with data from Neo4j.","main":"./dist/neovis.js","module":"./dist/neovis-without-dependencies.js","types":"./dist/neovis.d.ts","directories":{"doc":"doc","example":"examples","test":"`__tests__"},"scripts":{"test":"run-p test:*","test:jest":"jest __tests__/neovis.tests.ts","test:types":"tsc --esModuleInterop --allowSyntheticDefaultImports --moduleResolution Node --target esnext --noemit ./__tests__/neovis.tests.ts","eslint":"eslint .","prepublishOnly":"run-s typedoc build","clean":"rimraf ./dist","build":"run-s clean build:prod","build:typings":"tsc","build-dev":"run-s clean build:dev","build:prod":"run-p build:typings build:prod:*","build:prod:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=production","build:prod:without-dependencies":"webpack --mode=production","build:dev":"run-p build:typings build:dev:*","build:dev:with-dependencies":"cross-env BUILD_WITH_DEPENDENCIES=true webpack --mode=development","build:dev:without-dependencies":"webpack --mode=development","typedoc":"typedoc src/neovis.ts --out docs/ --excludePrivate"},"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"keywords":[],"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"homepage":"https://github.com/neo4j-contrib/neovis.js#readme","devDependencies":{"@babel/cli":"^7.21.5","@babel/core":"^7.21.8","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-typescript":"^7.21.5","@egjs/hammerjs":"^2.0.17","@types/jest":"^29.5.1","@typescript-eslint/eslint-plugin":"^5.59.5","@typescript-eslint/parser":"^5.59.5","babel-loader":"^9.1.2","component-emitter":"^1.3.0","core-js":"^3.30.2","cross-env":"^7.0.3","css-loader":"^6.7.3","eslint":"^8.40.0","eslint-plugin-jest":"^27.2.1","jest":"^29.5.0","jest-canvas-mock":"^2.5.0","jest-environment-jsdom":"^29.5.0","keycharm":"^0.4.0","npm-run-all":"^4.1.5","rimraf":"^5.0.0","style-loader":"^3.3.2","timsort":"^0.3.0","typedoc":"^0.24.7","typescript":"^5.0.4","uuid":"^9.0.0","vis-data":"^7.1.6","vis-util":"^5.0.3","webpack":"^5.82.0","webpack-cli":"^5.1.0"},"dependencies":{"@babel/runtime-corejs3":"^7.21.5","deepmerge":"^4.3.1","neo4j-driver":"^4.4.6","neo4j-driver-core":"^4.4.6","vis-network":"^9.1.6"},"jest":{"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"/__mocks__/fileMock.js","\\.(css|less)$":"/__mocks__/styleMock.js"},"setupFiles":["jest-canvas-mock"],"transformIgnorePatterns":["node_modules[/\\\\](?!vis-network)"]},"readme":"# neovis.js\r\n\r\n[![Actions Build Status](https://github.com/neo4j-contrib/neovis.js/workflows/CI/badge.svg?branch=master)]()[![npm version](https://badge.fury.io/js/neovis.js.svg)](https://badge.fury.io/js/neovis.js)\r\n\r\nGraph visualizations powered by vis.js with data from Neo4j.\r\n\r\n![](img/example-viz.png)\r\n\r\n## Features\r\n\r\n- [x] Connect to Neo4j instance to get live data\r\n- [x] User specified labels and property to be displayed\r\n- [x] User specified Cypher query to populate\r\n- [x] Specify node property for url of image for node\r\n- [x] Specify edge property for edge thickness\r\n- [x] Specify node property for community / clustering\r\n- [x] Specify node property for node size\r\n- [x] Configure popover\r\n\r\n## Install\r\n\r\nNeovis.js can be installed via npm:\r\n\r\n```bash\r\nnpm install --save neovis.js\r\n```\r\n\r\nyou can also obtain neovis.js via CDN:\r\n\r\n## CDN\r\n\r\nFor ease of use Neovis.js can be obtained from Neo4jLabs CDN:\r\n\r\n*Most recent release*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n*Version without neo4j-driver dependency*\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\n## Quickstart Example\r\n\r\nLet's go through the steps to reproduce this visualization:\r\n\r\n![](img/example-viz.png)\r\n\r\n### Prepare Neo4j\r\n\r\nStart with a blank Neo4j instance, or spin up a blank [Neo4j Sandbox](https://neo4jsandbox.com). We'll load the Game of\r\nThrones dataset, run:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/mathbeveridge/asoiaf/master/data/asoiaf-all-edges.csv'\r\nAS row\r\nMERGE (src:Character {name: row.Source})\r\nMERGE (tgt:Character {name: row.Target})\r\nMERGE (src)-[r:INTERACTS]->(tgt)\r\n ON CREATE SET r.weight = toInteger(row.weight)\r\n```\r\n\r\nWe've pre-calculated PageRank and ran a community detection algorithm to assign community ids for each Character. Let's\r\nload those next:\r\n\r\n```cypher\r\n\r\nLOAD CSV WITH HEADERS FROM 'https://raw.githubusercontent.com/johnymontana/neovis.js/master/examples/data/got-centralities.csv'\r\nAS row\r\nMATCH (c:Character {name: row.name})\r\nSET c.community = toInteger(row.community),\r\nc.pagerank = toFloat(row.pagerank)\r\n```\r\n\r\nOur graph now consists of `Character` nodes that are connected by an `INTERACTS` relationships. We can visualize the\r\nwhole graph in Neo4j Browser by running:\r\n\r\n```cypher\r\n\r\nMATCH p = (:Character)-[:INTERACTS]->(:Character)\r\nRETURN p\r\n```\r\n\r\n![](/img/got-neo4j-browser.png)\r\n\r\nWe can see characters that are connected and with the help of the force directed layout we can begin to see clusters in\r\nthe graph. However, we want to visualize the centralities (PageRank) and community detection results that we also\r\nimported.\r\n\r\nSpecifically we would like:\r\n\r\n* Node size to be proportional to the Character's `pagerank` score. This will allow us to quickly identify important\r\n nodes in the network.\r\n* Node color to determined by the `community` property. This will allow us to visualize clusters.\r\n* Relationship thickeness should be proportional to the `weight` property on the `INTERACTS` relationship.\r\n\r\nNeovis.js, by combining the JavaScript driver for Neo4j and the vis.js visualization library will allow us to build this\r\nvisualization.\r\n\r\n### index.html\r\n\r\nCreate a new html file:\r\n\r\n```html\r\n\r\n\r\n\r\n Neovis.js Simple Example\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n```\r\n\r\nWe define some basic CSS to specify the boundaries of a `div` and then create a single `div` in the body. We also\r\nspecify `onload=\"draw()\"` so that the `draw()` function is called as soon as the body is loaded.\r\n\r\nWe need to pull in `neovis.js`:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nAnd define our draw() function:\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nThis function creates a `config` object that specifies how to connect to Neo4j, what data to fetch, and how to configure\r\nthe visualization.\r\n\r\n![](/img/example-viz.png)\r\n\r\nSee [simple-example.html](/examples/simple-example.html) for the full code.\r\n\r\n### module usage\r\n\r\nyou can also use it as module, but it would require you have a way to import css files\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js';\r\n```\r\n\r\nor you can import the version with bundled dependency\r\n\r\n```javascript\r\nimport NeoVis from 'neovis.js/dist/neovis.js';\r\n```\r\n\r\n## Api Reference\r\n\r\n[Api Reference](https://neo4j-contrib.github.io/neovis.js/modules.html)\r\n\r\n## Build\r\n\r\nThis project uses git submodules to include the dependencies for neo4j-driver and vis.js. This project uses webpack to\r\nbuild a bundle that includes all project dependencies. `webpack.config.js` contains the configuration for webpack. After\r\ncloning the repo:\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\nnpm run typedoc\r\n```\r\n\r\nwill build `dist/neovis.js` and `dist/neovis-without-dependencies.js` \r\n\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"5b175cb8e604e5b27f7214f027520cef787c24cb","_id":"neovis.js@2.1.1-alpha1","_nodeVersion":"20.1.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-LJdFh04Zcmz9eCSSigLUn/LuxeM0Y90jl75LpF89QOO8FnhANYqrLWWCwPDSzq5MA2GMYGXBRa6PzXcUK95rZg==","shasum":"62503359833c322de6cb370d1b3094da01120fce","tarball":"https://registry.npmjs.org/neovis.js/-/neovis.js-2.1.1-alpha1.tgz","fileCount":4363,"unpackedSize":26344932,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDG9Qe8gJbXAkphVMjPtFCU97PaWtpfFzXVmy3B9MS7DgIgfM4O3IpMnn/JeFDDaq8+oCTJVsuav1clNfnjVL/FnaA="}]},"_npmUser":{"name":"thebestnom","email":"shoval.arad@gmail.com"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/neovis.js_2.1.1-alpha1_1684876671986_0.949459918675978"},"_hasShrinkwrap":false}},"time":{"created":"2018-10-15T23:49:12.811Z","1.0.0":"2018-10-15T23:49:13.313Z","modified":"2023-05-23T21:17:52.712Z","1.1.0":"2019-06-27T20:25:12.292Z","1.2.0":"2019-10-04T15:25:59.959Z","1.2.1":"2019-10-08T14:14:54.037Z","1.3.0":"2020-02-18T18:16:09.483Z","1.4.0":"2020-02-24T18:59:36.723Z","1.5.0":"2020-08-28T19:53:34.603Z","1.6.0":"2020-11-17T22:46:43.054Z","2.0.0-alpha.0":"2021-02-07T22:24:57.361Z","2.0.0-alpha.1":"2021-02-20T21:20:58.438Z","2.0.0-alpha.2":"2021-02-20T21:26:30.914Z","2.0.0-alpha.3":"2021-02-21T02:53:50.882Z","2.0.0-alpha.4":"2021-05-25T20:13:16.080Z","2.0.0-alpha.5":"2021-05-25T21:33:24.365Z","2.0.0-alpha.6":"2021-10-08T14:54:41.684Z","2.0.0-alpha.7":"2021-10-10T20:23:16.491Z","2.0.0-alpha.8":"2021-10-16T23:44:23.379Z","2.0.0-alpha.9":"2021-10-29T14:31:05.828Z","2.0.0":"2022-06-26T20:48:20.736Z","2.0.1":"2022-06-26T21:07:24.787Z","2.0.2":"2022-06-26T21:09:06.877Z","2.0.3":"2023-05-08T20:09:12.118Z","2.0.4":"2023-05-08T20:37:05.412Z","2.1.0-alpha1":"2023-05-08T21:35:43.796Z","2.1.0-alpha2":"2023-05-08T21:40:53.797Z","2.1.0-alpha3":"2023-05-09T20:19:33.811Z","2.1.0-alpha4":"2023-05-09T20:22:45.432Z","2.1.0-alpha5":"2023-05-11T20:19:32.376Z","2.1.0-alpha6":"2023-05-13T22:14:14.043Z","2.1.0-alpha7":"2023-05-13T22:15:33.096Z","2.1.0":"2023-05-17T20:37:51.927Z","2.1.1-alpha1":"2023-05-23T21:17:52.360Z"},"maintainers":[{"name":"johnymontana","email":"lyonwj@gmail.com"},{"name":"thebestnom","email":"shoval.arad@gmail.com"}],"description":"Graph visualizations powered by vis.js with data from Neo4j.","homepage":"https://github.com/neo4j-contrib/neovis.js#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/neo4j-contrib/neovis.js.git"},"bugs":{"url":"https://github.com/neo4j-contrib/neovis.js/issues"},"license":"Apache-2.0","readme":"","readmeFilename":""}