---
source: https://www.jointjs.com/demos/fishbone
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/fishbone/README.md
generated: 2026-04-05
format: plaintext
---

JointJS+: Fishbone <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

This demo showcases a Fishbone diagram, also known as an Ishikawa or cause-and-effect diagram. It’s a useful tool for visually identifying and organizing the potential root causes of a problem. Use it to break down complex issues into categories such as Material, Machine, Management, or Environment. The clear structure helps teams explore all possible contributing factors, making it ideal for root cause analysis, retrospectives, quality management, and collaborative problem-solving.

This demo is also available online at jointjs.com.

Available Versions

JavaScript
TypeScript

Screenshot

!screenshot