{"_id":"@barocosmetics/sunburst","_rev":"2-7246c93132a1dee00ad09d58f18a88e5","name":"@barocosmetics/sunburst","dist-tags":{"latest":"0.2.2"},"versions":{"0.0.0":{"name":"@barocosmetics/sunburst","version":"0.0.0","description":"Custom Barò Cosmetics Sunburst graph","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/Baro-Cosmetics/sunburst.git"},"keywords":["Barò","Cosmetics","Sunburst","Graph"],"author":{"name":"Grasso Federico"},"license":"Apache-2.0","bugs":{"url":"https://github.com/Baro-Cosmetics/sunburst/issues"},"homepage":"https://github.com/Baro-Cosmetics/sunburst#readme","gitHead":"1a59d62a7ce98bee691c8f43fea19bb30328219a","_id":"@barocosmetics/sunburst@0.0.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-eLOfLPG8bU/k90MZBprY1HF4d/rthLqOIH/mZxSXoXJ9lK+A3R9PXf8lW3dzOuDTIHsoXXwQ2Q0dho/f+G4jIA==","shasum":"6d31d80cdf1551be16a65e90995f063fd47d1654","tarball":"https://registry.npmjs.org/@barocosmetics/sunburst/-/sunburst-0.0.0.tgz","fileCount":2,"unpackedSize":8789,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmE6SaKzYzJ54+NOyXdWtYGLr7PXHRaGW177+XtLnHvwIhANg9PUBkxSkMkwsxnqHOwCxFQ/ScpGsRUhLsaSvteOm0"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizUFYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpmtw//XRkFpa332hmH2H8F7YY/zpo758H3zwCCMzAj6aYzSG+XPkgU\r\npQ4HF1+kMT+5t/rtOBAlKk+on7Wx2OisDgEssYDvgDUC4TplEuh6b+tlN7oj\r\nUo13+IpBIY9UK56ijqcnJrMPdH6zNP4F9tBO/dsIRvuiNmIzriicKhAi94+W\r\nLegNckmdrK3qY3l5UsPVhnsz0SvZxgKu422sj+dn8rR3BXd4+aWBkXg2f9p6\r\nSchAUtMFcYLBZiRsvSeOkfVIMa9VyoWGlOWt9LgFPqwk2VpKSzUmEZTCxKMW\r\nEROZnux9wlJK/FNMpggzBJnKTXxnHbqeYccaW7OF14p3y/ujcMTNu2gbMcNO\r\nYbwN+of0PADyAMtpIvgGK4zkKqDZ/iTtBrIIt7pAJqZDq2GtYoe2Cj/YGamD\r\n9aqHlsnsHsM6fmpPNaAYkgar6HcIBhVV43miUTPLZ28hBLjSmpIwAIeVp8wN\r\nHxWvuFDs4sEgL8xcKLzUKRWytmzjQXJ8+xW+sR3pJVhMoJblQxbqHhCBd52F\r\noXfrIpzNIetP8HUawilIGE/pzZfUe90AWajvATVd8WD7EgvC/a2oCPb6U0XT\r\ntfqmzAb8nSwdPx9RHFKBMIchlozWRKFYuV+qss3yhfc829ZT7BlJ9DTOYXZ1\r\nQQFacTfb/DaseTq0oghf8/RAlrZ0KUj3t2g=\r\n=a48g\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"federico_grasso","email":"gras.federico@gmail.com"},"directories":{},"maintainers":[{"name":"federico_grasso","email":"gras.federico@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sunburst_0.0.0_1657618775772_0.41393382523886846"},"_hasShrinkwrap":false},"0.2.0":{"name":"@barocosmetics/sunburst","version":"0.2.0","description":"Custom Barò Cosmetics Sunburst graph","main":"./dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","dev":"webpack serve --open --config webpack.dev.js","prod":"webpack --config webpack.prod.js"},"repository":{"type":"git","url":"git+https://github.com/Baro-Cosmetics/sunburst.git"},"keywords":["Barò","Cosmetics","Sunburst","Graph"],"author":{"name":"Grasso Federico"},"license":"Apache-2.0","bugs":{"url":"https://github.com/Baro-Cosmetics/sunburst/issues"},"homepage":"https://github.com/Baro-Cosmetics/sunburst#readme","dependencies":{"d3":"^7.6.1","html-webpack-plugin":"^5.5.0","path":"^0.12.7","tailwindcss":"^3.1.6","webpack-merge":"^5.8.0"},"devDependencies":{"webpack-cli":"^4.10.0","webpack-dev-server":"^4.9.3"},"gitHead":"0fcd9064bca87a62443f0c8187a0423bc0fa1553","_id":"@barocosmetics/sunburst@0.2.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-xuxzTDy1kJAE2SGCzkyumijB4saiKs8JUPLnKV7p83jgza404csIOl59xGlhTn4k5+6RsXs+NHn0XPAjtM0l4A==","shasum":"19547b716b81c94047343cf887584e3d18c7da76","tarball":"https://registry.npmjs.org/@barocosmetics/sunburst/-/sunburst-0.2.0.tgz","fileCount":4,"unpackedSize":72450,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEyJiMOV26ecQiNgoVplQdUgK8QM3PyQaYQL/ngd/bpqAiEAlhpQGqXhh9AiKS+YA8LyL9CCyQVEYqgIQ5tZvWXM85o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizsIuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZ/g/+MNMEi6kYXk6Tn6lNuLLsPvZnFswouYu5MOJxMCDUx5JENLUX\r\nmFG328y3vaoaHaiJ187n43ctGEEUnMZs48vBMSEB0B+H0RHoy9eAlcTi7YOn\r\nv/ApFdL0M68F6U6m78KaThHx7A1fD0BuQ4KwdTVZXgATEk+PZgG4scGumssl\r\nzuWngB6TYH+az/PbXkpsQzh2TzIba2oFwOTJe5fv8L/e/ovFfLuO2Lah1FWk\r\nBofNyZSL/RWIy5PvTkYRswpk2WOTdkumhIIxeEEFlq+XJDV/ry8Fzg4PlEmw\r\n+7XTSwLzYy/nEMjGPzL5ezYJkXnvR1IJhdt8eY7ydFfNqN3ud/ioj1zZqd1u\r\nQ0lkKpV2WzvtzMieBVCVcRm6frV5i2eJtQqvKv9dfkhLIZZyS3u3SUsADHYe\r\nYnPvL6m8HZGlD9zkPFufX7Pj9cMenYaoHKdiUfH94/FBUS0u88RjIQ3MjgiI\r\nRhIvM1ijoNCXXSHisfLVqbcjSSpLG/5abA3icAZpMvj2LcISZmPkibgdRic+\r\nlHG/jiisAM1+hsRVb5lXGowTY9eI9PqP6jVORnRpLNvIFZhcLbJ+o+3YbMHX\r\neL0ktn+6IL0sbc+4evdvPg4v7YLdTWr0uZIeGZnEQJ1TOBFjD65ZPIotVHF3\r\n8LwlR1cRoPXgvCbp9vBI5P7HVKjEglyDm/k=\r\n=TcfZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"federico_grasso","email":"gras.federico@gmail.com"},"directories":{},"maintainers":[{"name":"federico_grasso","email":"gras.federico@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sunburst_0.2.0_1657717294307_0.13425768469149935"},"_hasShrinkwrap":false},"0.2.2":{"name":"@barocosmetics/sunburst","version":"0.2.2","description":"Custom Barò Cosmetics Sunburst graph","main":"./dist/app.bundle.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","dev":"webpack serve --open --config webpack.dev.js","prod":"webpack --config webpack.prod.js"},"repository":{"type":"git","url":"git+https://github.com/Baro-Cosmetics/sunburst.git"},"keywords":["Barò","Cosmetics","Sunburst","Graph"],"author":{"name":"Grasso Federico"},"license":"Apache-2.0","bugs":{"url":"https://github.com/Baro-Cosmetics/sunburst/issues"},"homepage":"https://github.com/Baro-Cosmetics/sunburst#readme","dependencies":{"d3":"^7.6.1","html-webpack-plugin":"^5.5.0","path":"^0.12.7","tailwindcss":"^3.1.6","webpack-merge":"^5.8.0"},"devDependencies":{"webpack-cli":"^4.10.0","webpack-dev-server":"^4.9.3"},"gitHead":"0ce457c317f62483a946b3502f39b917209b4f2e","_id":"@barocosmetics/sunburst@0.2.2","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-bFtxMOcx2XUbodzmKaw3oWtYPZhOGr8LVHwBrAYPw4uHCQfxdAnV+mYrPNhUZkGAPafpEL0cfKRRhrUALLSMtg==","shasum":"7bb2050d9c35a8d3fe00b85ce6a15736acda0bdc","tarball":"https://registry.npmjs.org/@barocosmetics/sunburst/-/sunburst-0.2.2.tgz","fileCount":4,"unpackedSize":72736,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7qqH6DPFudNaqd4QJ70fRt971LLbugHkovHZ5BOsEgwIgKTG5fD8mlYgkZE5b99kLPCVrbh+1sDLDdf5f++kSX+U="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizsqYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIMxAAnCri0fBpOb28x/3hlppp3u3TDM+r4sptEvth3pkMHLloOpA7\r\nbyolKUkuTfeLiq6cIquMu6US9587a28+PMqe7b5kIlvn/H+4TV8yrQUUyh8s\r\ny9st3RXzuXeyIbKaO/q3w19JunlfexT770RzuOiLE8NIzssNhlc6d75hj+cS\r\nZiaydz30UbtMne7d4C60Sj1RkyKW7Cth6zAkV64hWRRn0INdca/DhxnWHOse\r\nMfUIQ8BmAfDCmZPgt1xhb6Kkm74lO2PYpZwsZkTlwMIM6k0GxfeGx/Mr7FOe\r\nFg0SLxkJsclT1dFr3hYls1EH+m+UelGNMFBhTvXg6Zb6qyDhZBYUbGhuWKsl\r\n9S/mrkcG5gwNHQWsnZomPhSrtRGea86VCZZxQKNE+hDSji+wOEd9kumUJc3d\r\neA/RIg1eORz3PmjRpAylWSGKcHpm9Xph6iPDpA2y4uGJqukTFeqgnkekHYRh\r\n5r4SLFTFC3fPY4zWYVwd9mpy5zA++yT+6np085GgK1D+fEn1/b/BZPO5oc1I\r\nGWsaWi1bxCyn7jEVnKu021tMlEdETwedLT0XiG7HDkn3ZOgd8/GUhEnPEDNB\r\nfdncbbtdQ6cZwX0DmFVmh/cXj4SqjSyKNLnoNHoLtagwpf2M4egStqKNd8TX\r\nwy4SRCSObzeXgKP7tKDSMmJzOshHn1dS1rM=\r\n=1Cqa\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"federico_grasso","email":"gras.federico@gmail.com"},"directories":{},"maintainers":[{"name":"federico_grasso","email":"gras.federico@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sunburst_0.2.2_1657719448270_0.7463598310584625"},"_hasShrinkwrap":false}},"time":{"created":"2022-07-12T09:39:35.694Z","0.0.0":"2022-07-12T09:39:35.973Z","modified":"2022-07-13T13:37:28.670Z","0.2.0":"2022-07-13T13:01:34.465Z","0.2.2":"2022-07-13T13:37:28.553Z"},"maintainers":[{"name":"federico_grasso","email":"gras.federico@gmail.com"}],"description":"Custom Barò Cosmetics Sunburst graph","homepage":"https://github.com/Baro-Cosmetics/sunburst#readme","keywords":["Barò","Cosmetics","Sunburst","Graph"],"repository":{"type":"git","url":"git+https://github.com/Baro-Cosmetics/sunburst.git"},"author":{"name":"Grasso Federico"},"bugs":{"url":"https://github.com/Baro-Cosmetics/sunburst/issues"},"license":"Apache-2.0","readme":"# Barò Cosmetics - Sunburst\r\n\r\nThis package is used to show data within a sunburst chart.\r\nIt is inspired by the [sunburst](https://observablehq.com/@kerryrodden/sequences-sunburst) project by [Kerry Roden](https://observablehq.com/@kerryrodden) made in [d3.js](https://d3js.org/).\r\nThis project's source code is currently under the [Apache 2.0 license](https://www.apache.org/licenses/LICENSE-2.0).\r\n\r\n## Install Barò Cosmetics - Sunburst\r\n\r\n### NPM\r\n\r\nRun the following command in your project:\r\n\r\n```\r\nnpm install @barocosmetics/sunburst\r\n```\r\n\r\nNow add this line in your bundle js:\r\n\r\n```\r\nimport \"@barocosmetics/sunburst\"\r\n```\r\n\r\n## Initialize Sunburst\r\n\r\nCreate a `<div>` element with id `barocosmetics-sunburst`.\r\n\r\n```\r\n<div id=\"barocosmetics-sunburst\">\r\n</div>\r\n```\r\n\r\nNow, set the attribute `data-url` with the address containing the data source.\r\n\r\n**Warning:** this step is mandatory.\r\n**Warning:** data format must be JSON\r\n**Warning:** data format must be compatible with the original [sunburst](https://observablehq.com/@kerryrodden/sequences-sunburst) project.\r\n\r\n```\r\n<div id=\"barocosmetics-sunburst\" data-url=\"https://my-source.data/route\">\r\n</div>\r\n```\r\n\r\nThe graph will appear on page loaded.\r\n\r\n## Change Color\r\n\r\nUse the `data-color` attribute for change the graph color.\r\nThe available colors are those of [tailwindcss](https://tailwindcss.com/docs/customizing-colors).\r\n\r\n**Warning:** insert only the color name as attribute value!\r\n\r\n```\r\n<div id=\"barocosmetics-sunburst\" data-url=\"https://my-source.data/route\" data-color=\"pink\">\r\n</div>\r\n```\r\n\r\n## Change Title\r\n\r\nYou can set a title for the graph.\r\nIt will appear once you move the mouse over the graph.\r\nUse the `data-title` attribute for chage the graph title.\r\n\r\n```\r\n<div id=\"barocosmetics-sunburst\" data-url=\"https://my-source.data/route\" data-title=\"My Graph\">\r\n</div>\r\n```","readmeFilename":"README.md"}