{"_id":"@charliekmcmahon/fishbone-chart","_rev":"5-06810f2009244f745882a67aa3ece720","name":"@charliekmcmahon/fishbone-chart","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.2":{"name":"@charliekmcmahon/fishbone-chart","version":"1.0.2","author":{"name":"charliekmcmahon"},"license":"MIT","_id":"@charliekmcmahon/fishbone-chart@1.0.2","maintainers":[{"name":"charliekmcmahon","email":"charliekmcmahon@gmail.com"}],"homepage":"https://github.com/charliekmc/fishbone-chart#readme","bugs":{"url":"https://github.com/charliekmc/fishbone-chart/issues"},"dist":{"shasum":"03c2374d86dcd8b2fe20d730498286ad70d161fc","tarball":"https://registry.npmjs.org/@charliekmcmahon/fishbone-chart/-/fishbone-chart-1.0.2.tgz","fileCount":7,"integrity":"sha512-LfOhQRzATlCFdDfZLzFuL/s7xnQSIYcsc+4qlPrh+fcBko7zpJymm5GMhtgzPuRozeHkR1ZoFRjraWJtFpmpBw==","signatures":[{"sig":"MEYCIQD99fezGCHKeGTVHFdzCncPMnuIp9DHI5VKJhjOWfIR7gIhAJ9MZ/VYNbdR+YmFckYFI5Wby8cku3QHrwPTCyp5Qveg","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":73065},"main":"dist/index.js","module":"dist/index.es.js","engines":{"npm":">=9","node":">=18"},"gitHead":"40a8cdcc51888eccb3eb4357c2dba9fcc02d0eba","scripts":{"build":"rollup -c","start":"rollup -c -w","deploy":"gh-pages -d example/build","prepare":"npm run build","predeploy":"cd example && npm install && npm run build"},"_npmUser":{"name":"charliekmcmahon","email":"charliekmcmahon@gmail.com"},"repository":{"url":"git+https://github.com/charliekmc/fishbone-chart.git","type":"git"},"_npmVersion":"11.4.1","description":"A fishbone (Ishikawa) diagram React component for root cause analysis.","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"23.5.0","_hasShrinkwrap":false,"devDependencies":{"react":"^19.0.0","rollup":"^4.0.0","gh-pages":"^6.0.0","react-dom":"^19.0.0","@babel/core":"^7.24.0","@svgr/rollup":"^8.0.0","@babel/preset-env":"^7.24.0","@rollup/plugin-url":"^8.0.0","@babel/preset-react":"^7.24.0","@rollup/plugin-babel":"^6.0.0","rollup-plugin-postcss":"^4.0.0","@rollup/plugin-commonjs":"^26.0.0","@rollup/plugin-node-resolve":"^15.0.0","rollup-plugin-peer-deps-external":"^2.2.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","prop-types":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/fishbone-chart_1.0.2_1767959734190_0.05904590634879647","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@charliekmcmahon/fishbone-chart","version":"1.0.3","author":{"name":"charliekmcmahon"},"license":"MIT","_id":"@charliekmcmahon/fishbone-chart@1.0.3","maintainers":[{"name":"charliekmcmahon","email":"charliekmcmahon@gmail.com"}],"homepage":"https://github.com/charliekmcmahon/fishbone-chart#readme","bugs":{"url":"https://github.com/charliekmcmahon/fishbone-chart/issues"},"dist":{"shasum":"025f1babfef8ddeb4d6bbd47b1c0d532a7aac030","tarball":"https://registry.npmjs.org/@charliekmcmahon/fishbone-chart/-/fishbone-chart-1.0.3.tgz","fileCount":7,"integrity":"sha512-KAlF0C9sR3ankeoT4t2mlXJmHyZr5Dgd5opTvRuZ9LXnSf4W4jiYYnP1Rojf/8u0mo8r6iTvN1BSoePmgNbz5w==","signatures":[{"sig":"MEYCIQDhYq3k58rxrJ5qBbXiZBDwZXDbLk3Gpe+qXyq4tOTsuAIhAME57xIX5ZxAUfSGaU6wo9+CmHiMU1x/8qVLZ7S5y7DM","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":73070},"main":"dist/index.js","module":"dist/index.es.js","engines":{"npm":">=9","node":">=18"},"gitHead":"4c4be8b594380f5e8c345589d15f84bb104f576c","scripts":{"build":"rollup -c","start":"rollup -c -w","deploy":"gh-pages -d example/build","prepare":"npm run build","predeploy":"cd example && npm install && npm run build"},"_npmUser":{"name":"charliekmcmahon","email":"charliekmcmahon@gmail.com"},"repository":{"url":"git+https://github.com/charliekmcmahon/fishbone-chart.git","type":"git"},"_npmVersion":"11.4.1","description":"A fishbone (Ishikawa) diagram React component for root cause analysis.","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"23.5.0","_hasShrinkwrap":false,"devDependencies":{"react":"^19.0.0","rollup":"^4.0.0","gh-pages":"^6.0.0","react-dom":"^19.0.0","@babel/core":"^7.24.0","@svgr/rollup":"^8.0.0","@babel/preset-env":"^7.24.0","@rollup/plugin-url":"^8.0.0","@babel/preset-react":"^7.24.0","@rollup/plugin-babel":"^6.0.0","rollup-plugin-postcss":"^4.0.0","@rollup/plugin-commonjs":"^26.0.0","@rollup/plugin-node-resolve":"^15.0.0","rollup-plugin-peer-deps-external":"^2.2.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","prop-types":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/fishbone-chart_1.0.3_1767959862747_0.08272684284667942","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@charliekmcmahon/fishbone-chart","version":"1.1.0","author":{"name":"charliekmcmahon"},"license":"MIT","_id":"@charliekmcmahon/fishbone-chart@1.1.0","maintainers":[{"name":"charliekmcmahon","email":"charliekmcmahon@gmail.com"}],"homepage":"https://github.com/charliekmcmahon/fishbone-chart#readme","bugs":{"url":"https://github.com/charliekmcmahon/fishbone-chart/issues"},"dist":{"shasum":"b76dc1fe56d97ff0d56d57538a257fcea57e7c60","tarball":"https://registry.npmjs.org/@charliekmcmahon/fishbone-chart/-/fishbone-chart-1.1.0.tgz","fileCount":8,"integrity":"sha512-FQBnoJnA3BNVTEwUT0Gqj9lCZmkdODRLEsdFUMIAHNg1W+z83qMRwyGXJz14aPccIqDiwzOsuvYSfWKfbFQvgg==","signatures":[{"sig":"MEYCIQD5eELy4sjGQm/Nxl5rCb4Lyb9diVtIaVOlTpaT7usdcgIhAPWJaAh3DVMAHOhfYLhXMJ8pABknI/L+z+JIY1DzzDYK","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":74809},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.es.js","engines":{"npm":">=9","node":">=18"},"gitHead":"4c4be8b594380f5e8c345589d15f84bb104f576c","scripts":{"build":"rollup -c && npm run build:types","start":"rollup -c -w","deploy":"gh-pages -d example/build","prepare":"npm run build","predeploy":"cd example && npm install && npm run build","build:types":"cp src/index.d.ts dist/index.d.ts"},"_npmUser":{"name":"charliekmcmahon","email":"charliekmcmahon@gmail.com"},"repository":{"url":"git+https://github.com/charliekmcmahon/fishbone-chart.git","type":"git"},"_npmVersion":"11.4.1","description":"A fishbone (Ishikawa) diagram React component for root cause analysis.","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"23.5.0","_hasShrinkwrap":false,"devDependencies":{"react":"^19.0.0","rollup":"^4.0.0","gh-pages":"^6.0.0","react-dom":"^19.0.0","typescript":"^5.9.3","@babel/core":"^7.24.0","@svgr/rollup":"^8.0.0","@types/react":"^19.2.7","@types/react-dom":"^19.2.3","@babel/preset-env":"^7.24.0","rollup-plugin-dts":"^6.3.0","@rollup/plugin-url":"^8.0.0","@babel/preset-react":"^7.24.0","@rollup/plugin-babel":"^6.0.0","rollup-plugin-postcss":"^4.0.0","@rollup/plugin-commonjs":"^26.0.0","@rollup/plugin-node-resolve":"^15.0.0","rollup-plugin-peer-deps-external":"^2.2.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","prop-types":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/fishbone-chart_1.1.0_1767960490500_0.08844043516018507","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-01-09T11:55:34.105Z","modified":"2026-01-29T09:48:47.141Z","1.0.2":"2026-01-09T11:55:34.368Z","1.0.3":"2026-01-09T11:57:42.888Z","1.1.0":"2026-01-09T12:08:10.637Z"},"bugs":{"url":"https://github.com/charliekmcmahon/fishbone-chart/issues"},"author":{"name":"charliekmcmahon"},"license":"MIT","homepage":"https://github.com/charliekmcmahon/fishbone-chart#readme","repository":{"url":"git+https://github.com/charliekmcmahon/fishbone-chart.git","type":"git"},"description":"A fishbone (Ishikawa) diagram React component for root cause analysis.","maintainers":[{"email":"charliekmcmahon@gmail.com","name":"charliekmcmahon"}],"readme":"# @charliekmcmahon/fishbone-chart\n\n> A fishbone (Ishikawa) diagram React component for root cause analysis\n\n[](https://www.npmjs.com/package/@charliekmcmahon/fishbone-chart) [](https://standardjs.com)\n![](\"https://img.shields.io/badge/License-MIT-blue.svg\")
\n\n\n\n## Features\n\n- ✅ Full TypeScript support with type definitions\n- ✅ React 19 compatible\n- ✅ Modern ES6+ codebase\n- ✅ Interactive fishbone diagrams for root cause analysis\n\n## Attribution\n\nThis package is a fork of [fishbone-chart](https://github.com/thiagoferrax/fishbone-chart) originally created by [Thiago Ferraz](https://github.com/thiagoferrax) ([@thiagoferrax](https://github.com/thiagoferrax)).\n\nThis fork has been updated to support React 19, TypeScript, and modernised dependencies.\n\nOriginal work © Thiago Ferraz, licensed under the MIT Licence.\n\n## Install\n\n```bash\nnpm install --save @charliekmcmahon/fishbone-chart\n```\n\n## Usage\n\n```jsx\nimport FishboneChart from '@charliekmcmahon/fishbone-chart'\n\nfunction Example() {\n const data = {\n 'Bad coffee': {\n 'Procedures': ['Too much water', 'Too many grounds', 'Lack of training'],\n 'Equipment': ['Dirty cups', 'Coffee not hot enough', 'Dirty basket'],\n 'Material': ['Bad sugar', 'Lids do not fit cup', 'Bad cream'],\n 'People': ['Wrong fee', 'No training', 'Rude'],\n 'Machine': ['Not working', 'Deregulated', 'Dirty']\n },\n 'Scrum not working': {\n 'Principles': ['Functional software (SW) is not released'],\n 'Product Owner (PO)': ['No authority to prioritise', 'Poor interaction with the team'],\n 'Sprint': ['SW not released for validation', 'Sprint speed is not measured', 'Team is controlled from outside'],\n 'Planning': ['PO does not explain the backlog'],\n 'Development Team': ['Members dedicated to specific roles', 'Does not deliver what was promised'],\n },\n 'Security Incident': {\n 'Technology': ['Weak encryption', 'No technology for remote data destruction'],\n 'Process': ['No process for reporting incident'],\n 'People': ['Worker lost laptop', 'Distraction was a factor'],\n 'Controls': ['Weak password policy', 'No audit trail of the laptop information'],\n 'Procedure': ['No procedure for securing laptop at public locations'],\n 'Environment': ['No place to secure laptop overnight at workplace']\n }\n }\n\n return (\n \n )\n}\n```\n\n## TypeScript Usage\n\nThe package includes TypeScript type definitions:\n\n```typescript\nimport FishboneChart, { FishboneData } from '@charliekmcmahon/fishbone-chart'\n\nconst data: FishboneData = {\n 'Bad coffee': {\n 'Procedures': ['Too much water', 'Too many grounds', 'Lack of training'],\n 'Equipment': ['Dirty cups', 'Coffee not hot enough', 'Dirty basket'],\n 'Material': ['Bad sugar', 'Lids do not fit cup', 'Bad cream'],\n 'People': ['Wrong fee', 'No training', 'Rude'],\n 'Machine': ['Not working', 'Deregulated', 'Dirty']\n }\n}\n\nfunction App() {\n return \n}\n```\n\n## Licence\n\nMIT © [Charlie McMahon](https://github.com/charliekmcmahon)\n\nOriginal work MIT © [Thiago Ferraz](https://github.com/thiagoferrax)\n","readmeFilename":"README.md"}