generate_liquid_chart
Create liquid charts to visualize percentage-based data, such as project completion or reservoir occupancy, with customizable shapes, styles, and themes for clear representation.
Instructions
Generate a liquid chart to visualize a single value as a percentage, such as, the current occupancy rate of a reservoir or the completion percentage of a project.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| height | No | Set the height of chart, default is 400. | |
| percent | Yes | The percentage value to display in the liquid chart, should be a number between 0 and 1, where 1 represents 100%. For example, 0.75 represents 75%. | |
| shape | No | The shape of the liquid chart, can be 'circle', 'rect', 'pin', or 'triangle'. Default is 'circle'. | circle |
| 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": {
"height": {
"default": 400,
"description": "Set the height of chart, default is 400.",
"type": "number"
},
"percent": {
"description": "The percentage value to display in the liquid chart, should be a number between 0 and 1, where 1 represents 100%. For example, 0.75 represents 75%.",
"maximum": 1,
"minimum": 0,
"type": "number"
},
"shape": {
"default": "circle",
"description": "The shape of the liquid chart, can be 'circle', 'rect', 'pin', or 'triangle'. Default is 'circle'.",
"enum": [
"circle",
"rect",
"pin",
"triangle"
],
"type": "string"
},
"style": {
"description": "Custom style configuration for the chart.",
"properties": {
"backgroundColor": {
"description": "Background color of the chart, such as, '#fff'.",
"type": "string"
},
"color": {
"description": "Custom color for the liquid chart, if not specified, defaults to the theme color.",
"type": "string"
},
"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": [
"percent"
],
"type": "object"
}