RELATIONSHIP / CHART GUIDE

Fishbone diagram

A professional chart that displays root causes of problems through a tree structure

01 / EXPLORE

See it in action.

Switch to Code to copy an example.

About Fishbone diagram

A professional chart that displays root causes of problems through a tree structure

02 / CONFIGURE

The properties available for this chart.

Property	Type	Required	Description
`type`	`string`	required	Value must be "fishbone-diagram".
`data`	`Object`	required	Root node (core problem) of the fishbone diagram.
`data.name`	`string`	required	Root node name, i.e., the core problem description.
`data.children`	`Object[]`	required	Cause category list (fishbone main branches).
`data.children.name`	`string`	required	Category name, i.e., the major cause category.
`data.children.children`	`Object[]`	optional	Specific cause list (fishbone sub-branches).
`data.children.children.name`	`string`	required	Specific cause name.
`theme`	`BuiltinThemeName \| ThemeSpec`	optional	Built-in theme name or custom theme object; default is "default". See Documentation → Custom Themes.
`title`	`string`	optional	Chart title.
`style.palette`	`string[]`	optional	Must be an array of valid color values.
`style.backgroundColor`	`string`	optional	Must be a valid color value.
`style.texture`	`'rough' \| 'default'`	optional	Node rendering style, default is "default".