GPT-VisAI-Native Visualization for the LLM Era

Fishbone diagram

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

Use Cases

Production quality issue analysis
Business process bottleneck diagnosis
Project risk identification and management

Visual Examples

Product Profit Below Target (default theme)

Low Production Efficiency (academy theme)

Slow Website Response, Custom Palette

Options

Configuration Options

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	'default' \| 'dark' \| 'academy'	optional	Chart theme, default is "default".
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".