@adia-ai/web-components 0.0.1

package/components/chart/chart.a2ui.json

@@ -0,0 +1,298 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://adiaui.dev/a2ui/v0_9/components/Chart.json",
+  "title": "Chart",
+  "description": "Declarative SVG chart supporting bar, line, pie, donut, radar, sparkline, stacked-bar, grouped-bar, and multi-line types.",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "common_types.json#/$defs/ComponentCommon"
+    },
+    {
+      "$ref": "common_types.json#/$defs/CatalogComponentCommon"
+    }
+  ],
+  "properties": {
+    "title": {
+      "description": "Chart title above the canvas",
+      "type": "string",
+      "default": ""
+    },
+    "type": {
+      "description": "Chart type. Only 'bar' is built-in.",
+      "type": "string",
+      "enum": [
+        "bar",
+        "line",
+        "pie",
+        "donut",
+        "radar",
+        "sparkline",
+        "stacked-bar",
+        "grouped-bar",
+        "multi-line"
+      ],
+      "default": "bar"
+    },
+    "aspect": {
+      "description": "Aspect ratio",
+      "type": "string",
+      "enum": [
+        "wide",
+        "square",
+        "tall"
+      ],
+      "default": "wide"
+    },
+    "color": {
+      "description": "Color scheme",
+      "type": "string",
+      "enum": [
+        "accent",
+        "success",
+        "warning",
+        "danger",
+        "info"
+      ],
+      "default": ""
+    },
+    "component": {
+      "const": "Chart"
+    },
+    "hideAverage": {
+      "description": "When true, suppress the overlaid average line",
+      "type": "boolean",
+      "default": false
+    },
+    "hideGrid": {
+      "description": "Hide gridlines",
+      "type": "boolean",
+      "default": false
+    },
+    "hideValues": {
+      "description": "Hide value labels",
+      "type": "boolean",
+      "default": false
+    },
+    "radius": {
+      "description": "Bar corner radius",
+      "type": "number",
+      "default": 4
+    },
+    "size": {
+      "description": "Chart size",
+      "type": "string",
+      "enum": [
+        "sm",
+        "md",
+        "lg"
+      ],
+      "default": ""
+    },
+    "smooth": {
+      "description": "Line smoothing factor",
+      "type": "number",
+      "default": 0.4
+    },
+    "x": {
+      "description": "Data key for x-axis (category) values",
+      "type": "string",
+      "default": ""
+    },
+    "y": {
+      "description": "Y-axis key(s), comma-separated for multi-series",
+      "type": "string",
+      "default": ""
+    }
+  },
+  "required": [
+    "component"
+  ],
+  "unevaluatedProperties": false,
+  "x-adiaui": {
+    "anti_patterns": [],
+    "category": "agent",
+    "events": {},
+    "examples": [
+      {
+        "description": "Dashboard with KPI stat grid and two chart cards.",
+        "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Column\",\n    \"children\": [\n      \"header-row\",\n      \"kpi-grid\",\n      \"chart-grid\"\n    ],\n    \"gap\": \"4\"\n  },\n  {\n    \"id\": \"header-row\",\n    \"component\": \"Row\",\n    \"children\": [\n      \"dash-title\",\n      \"dash-actions\"\n    ]\n  },\n  {\n    \"id\": \"dash-title\",\n    \"component\": \"Text\",\n    \"textContent\": \"Dashboard\",\n    \"variant\": \"title\"\n  },\n  {\n    \"id\": \"dash-actions\",\n    \"component\": \"Row\",\n    \"children\": [\n      \"export-btn\"\n    ],\n    \"gap\": \"2\"\n  },\n  {\n    \"id\": \"export-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Export\",\n    \"variant\": \"outline\",\n    \"size\": \"sm\",\n    \"icon\": \"download\"\n  },\n  {\n    \"id\": \"kpi-grid\",\n    \"component\": \"Grid\",\n    \"children\": [\n      \"k1\",\n      \"k2\",\n      \"k3\",\n      \"k4\"\n    ],\n    \"columns\": \"4\"\n  },\n  {\n    \"id\": \"k1\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"k1h\",\n      \"k1s\"\n    ]\n  },\n  {\n    \"id\": \"k1h\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"k1l\"\n    ]\n  },\n  {\n    \"id\": \"k1l\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Revenue\",\n    \"variant\": \"label\"\n  },\n  {\n    \"id\": \"k1s\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"k1v\",\n      \"k1b\"\n    ]\n  },\n  {\n    \"id\": \"k1v\",\n    \"component\": \"Text\",\n    \"textContent\": \"$48.2k\",\n    \"variant\": \"title\"\n  },\n  {\n    \"id\": \"k1b\",\n    \"component\": \"Badge\",\n    \"text\": \"+12.5%\",\n    \"variant\": \"success\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"k2\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"k2h\",\n      \"k2s\"\n    ]\n  },\n  {\n    \"id\": \"k2h\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"k2l\"\n    ]\n  },\n  {\n    \"id\": \"k2l\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Users\",\n    \"variant\": \"label\"\n  },\n  {\n    \"id\": \"k2s\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"k2v\",\n      \"k2b\"\n    ]\n  },\n  {\n    \"id\": \"k2v\",\n    \"component\": \"Text\",\n    \"textContent\": \"2,340\",\n    \"variant\": \"title\"\n  },\n  {\n    \"id\": \"k2b\",\n    \"component\": \"Badge\",\n    \"text\": \"+8%\",\n    \"variant\": \"success\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"k3\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"k3h\",\n      \"k3s\"\n    ]\n  },\n  {\n    \"id\": \"k3h\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"k3l\"\n    ]\n  },\n  {\n    \"id\": \"k3l\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Bounce\",\n    \"variant\": \"label\"\n  },\n  {\n    \"id\": \"k3s\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"k3v\",\n      \"k3b\"\n    ]\n  },\n  {\n    \"id\": \"k3v\",\n    \"component\": \"Text\",\n    \"textContent\": \"24.3%\",\n    \"variant\": \"title\"\n  },\n  {\n    \"id\": \"k3b\",\n    \"component\": \"Badge\",\n    \"text\": \"-3.1%\",\n    \"variant\": \"danger\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"k4\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"k4h\",\n      \"k4s\"\n    ]\n  },\n  {\n    \"id\": \"k4h\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"k4l\"\n    ]\n  },\n  {\n    \"id\": \"k4l\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Session\",\n    \"variant\": \"label\"\n  },\n  {\n    \"id\": \"k4s\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"k4v\",\n      \"k4b\"\n    ]\n  },\n  {\n    \"id\": \"k4v\",\n    \"component\": \"Text\",\n    \"textContent\": \"4m 23s\",\n    \"variant\": \"title\"\n  },\n  {\n    \"id\": \"k4b\",\n    \"component\": \"Badge\",\n    \"text\": \"+15s\",\n    \"variant\": \"info\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"chart-grid\",\n    \"component\": \"Grid\",\n    \"children\": [\n      \"ch1\",\n      \"ch2\"\n    ],\n    \"columns\": \"2\"\n  },\n  {\n    \"id\": \"ch1\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"ch1h\",\n      \"ch1s\"\n    ]\n  },\n  {\n    \"id\": \"ch1h\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"ch1t\"\n    ]\n  },\n  {\n    \"id\": \"ch1t\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Revenue\",\n    \"variant\": \"section\"\n  },\n  {\n    \"id\": \"ch1s\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"ch1-chart\"\n    ]\n  },\n  {\n    \"id\": \"ch1-chart\",\n    \"component\": \"Chart\",\n    \"type\": \"bar\",\n    \"x\": \"month\",\n    \"y\": \"revenue\"\n  },\n  {\n    \"id\": \"ch2\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"ch2h\",\n      \"ch2s\"\n    ]\n  },\n  {\n    \"id\": \"ch2h\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"ch2t\"\n    ]\n  },\n  {\n    \"id\": \"ch2t\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Users\",\n    \"variant\": \"section\"\n  },\n  {\n    \"id\": \"ch2s\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"ch2-chart\"\n    ]\n  },\n  {\n    \"id\": \"ch2-chart\",\n    \"component\": \"Chart\",\n    \"type\": \"line\",\n    \"x\": \"month\",\n    \"y\": \"users\"\n  }\n]",
+        "name": "chart-dashboard"
+      }
+    ],
+    "keywords": [
+      "chart",
+      "stats",
+      "statistics",
+      "kpi",
+      "figures",
+      "analytics",
+      "reporting",
+      "insights",
+      "monitor",
+      "monitoring",
+      "telemetry",
+      "observability",
+      "performance",
+      "graph",
+      "visualization",
+      "plot",
+      "diagram",
+      "histogram",
+      "pie",
+      "bar-chart",
+      "line-chart",
+      "crm",
+      "poll"
+    ],
+    "name": "AdiaChart",
+    "related": [
+      "button",
+      "grid",
+      "badge"
+    ],
+    "slots": {
+      "title": {
+        "description": "Chart title element"
+      },
+      "canvas": {
+        "description": "Chart rendering area"
+      }
+    },
+    "states": [
+      {
+        "description": "Default, ready for interaction.",
+        "name": "idle"
+      }
+    ],
+    "synonyms": {
+      "analytics": [
+        "chart",
+        "dashboard",
+        "metric",
+        "stat",
+        "leaderboard"
+      ],
+      "bar-chart": [
+        "chart",
+        "dashboard"
+      ],
+      "crm": [
+        "dashboard",
+        "table",
+        "data",
+        "user",
+        "profile",
+        "chart"
+      ],
+      "diagram": [
+        "chart",
+        "dashboard"
+      ],
+      "figures": [
+        "stat",
+        "metric",
+        "chart"
+      ],
+      "graph": [
+        "chart",
+        "dashboard"
+      ],
+      "histogram": [
+        "chart",
+        "dashboard"
+      ],
+      "insights": [
+        "chart",
+        "dashboard",
+        "metric",
+        "stat"
+      ],
+      "kpi": [
+        "stat",
+        "metric",
+        "dashboard",
+        "chart"
+      ],
+      "line-chart": [
+        "chart",
+        "dashboard"
+      ],
+      "monitor": [
+        "dashboard",
+        "metric",
+        "stat",
+        "chart",
+        "progress"
+      ],
+      "monitoring": [
+        "dashboard",
+        "metric",
+        "stat",
+        "chart",
+        "progress"
+      ],
+      "observability": [
+        "dashboard",
+        "metric",
+        "chart",
+        "stat"
+      ],
+      "performance": [
+        "dashboard",
+        "metric",
+        "chart",
+        "stat",
+        "progress"
+      ],
+      "pie": [
+        "chart",
+        "dashboard"
+      ],
+      "plot": [
+        "chart",
+        "dashboard"
+      ],
+      "poll": [
+        "form",
+        "radio",
+        "chart"
+      ],
+      "reporting": [
+        "chart",
+        "dashboard",
+        "metric",
+        "stat",
+        "table",
+        "data"
+      ],
+      "statistics": [
+        "stat",
+        "metric",
+        "dashboard",
+        "chart"
+      ],
+      "stats": [
+        "stat",
+        "metric",
+        "dashboard",
+        "chart"
+      ],
+      "telemetry": [
+        "dashboard",
+        "metric",
+        "chart",
+        "stat"
+      ],
+      "visualization": [
+        "chart",
+        "dashboard",
+        "metric"
+      ]
+    },
+    "tag": "chart-ui",
+    "tokens": {},
+    "traits": [],
+    "version": 1
+  }
+}