- Index
- Fishbone Layout
- Parallel Layout
- Serpentine Layout
- Spiral Layout
- Tree Map Layout
- Table Layout
- Realtime Selecting
- Drag Creating
- Drag Zooming
- Resize Multiple
- Rotate Multiple
- Bez. Link Reshaping
- Orth. Link Reshaping
- Snap Link Reshaping
- Geometry Reshaping
- Sector Reshaping
- Freehand Drawing
- Polygon Drawing
- Polyline Linking
- Link Shifting
- Link Label Dragging
- Node Label Dragging
- Guided Dragging
- Port Shifting
- Column Resizing
- Scrolling Table
- Balloon Links
- Dimensioning Links
- Drawing Commands
- Local Storage
- Simulating Input
- Data Inspector
- Debug Inspector
- BPMN Editor
- Floor Plan Editor
- Floor Plan Monitor
- Floor Planner
- CheckBoxes
- Hyperlinks
- Text Editor
- Buttons.js
- Figures.js
- Arrowheads.js
- Templates.js
- TextEditor.js
- TextEditorRadioButtons.js
- TextEditorSelectBox.js
- GoJS Samples
- Complete List
This sample shows a "fishbone" layout of a tree model of cause-and-effect relationships. This type of layout is often seen in root cause analysis, or RCA. The layout is defined in its own file, as FishboneLayout.js. When using FishboneLayout the diagram uses FishboneLink in order to get custom routing for the links.
The buttons each set the Diagram.layout within a transaction.