generate_sankey_chart
Visualize data flow between stages or categories using a sankey chart, such as tracking user journeys from landing to purchase completion, with customizable styles and themes.
Instructions
Generate a sankey chart to visualize the flow of data between different stages or categories, such as, the user journey from landing on a page to completing a purchase.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| data | Yes | Date for sankey chart, such as, [{ source: 'Landing Page', target: 'Product Page', value: 50000 }, { source: 'Product Page', target: 'Add to Cart', value: 35000 }, { source: 'Add to Cart', target: 'Checkout', value: 25000 }, { source: 'Checkout', target: 'Payment', value: 15000 }, { source: 'Payment', target: 'Purchase Completed', value: 8000 }]. | |
| height | No | Set the height of chart, default is 400. | |
| nodeAlign | No | Alignment of nodes in the sankey chart, such as, 'left', 'right', 'justify', or 'center'. | center |
| style | No | Custom style configuration for the chart. | |
| theme | No | Set the theme for the chart, optional, default is 'default'. | default |
| title | No | Set the title of chart. | |
| width | No | Set the width of chart, default is 600. |
Input Schema (JSON Schema)
{
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"data": {
"description": "Date for sankey chart, such as, [{ source: 'Landing Page', target: 'Product Page', value: 50000 }, { source: 'Product Page', target: 'Add to Cart', value: 35000 }, { source: 'Add to Cart', target: 'Checkout', value: 25000 }, { source: 'Checkout', target: 'Payment', value: 15000 }, { source: 'Payment', target: 'Purchase Completed', value: 8000 }].",
"items": {
"properties": {
"source": {
"type": "string"
},
"target": {
"type": "string"
},
"value": {
"type": "number"
}
},
"required": [
"source",
"target",
"value"
],
"type": "object"
},
"minItems": 1,
"type": "array"
},
"height": {
"default": 400,
"description": "Set the height of chart, default is 400.",
"type": "number"
},
"nodeAlign": {
"default": "center",
"description": "Alignment of nodes in the sankey chart, such as, 'left', 'right', 'justify', or 'center'.",
"enum": [
"left",
"right",
"justify",
"center"
],
"type": "string"
},
"style": {
"description": "Custom style configuration for the chart.",
"properties": {
"backgroundColor": {
"description": "Background color of the chart, such as, '#fff'.",
"type": "string"
},
"palette": {
"description": "Color palette for the chart, it is a collection of colors.",
"items": {
"type": "string"
},
"type": "array"
},
"texture": {
"default": "default",
"description": "Set the texture for the chart, optional, default is 'default'. 'rough' refers to hand-drawn style.",
"enum": [
"default",
"rough"
],
"type": "string"
}
},
"type": "object"
},
"theme": {
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'.",
"enum": [
"default",
"academy",
"dark"
],
"type": "string"
},
"title": {
"default": "",
"description": "Set the title of chart.",
"type": "string"
},
"width": {
"default": 600,
"description": "Set the width of chart, default is 600.",
"type": "number"
}
},
"required": [
"data"
],
"type": "object"
}