chart: How do chart semantics differ from a chart library?

Audience votes might be shown as bars. chart describes the visualization and data; the registry’s Chart.js reference describes a Web implementation, not a required library for every display. Vote collection, permissions and shared state still need implementation and verification.

Start with these properties

variant selects a form such as a bar or line chart. data.labels names positions, while datasets supplies one or more named series of values. height constrains the display area without changing those values.

Read a structural example

From the source registry. This is structural reading material, not a live demo; referenced resources and actions require an application.

{
  "id": "revenue-chart",
  "type": "chart",
  "props": {
    "variant": "bar",
    "data": {
      "labels": [
        "Jan",
        "Feb",
        "Mar",
        "Apr"
      ],
      "datasets": [
        {
          "label": "Revenue",
          "data": [
            120,
            190,
            150,
            210
          ],
          "backgroundColor": "#60a5fa"
        }
      ]
    }
  }
}

Jan corresponds to 120 and Feb to 190, with the remaining values following in order. Revenue names the series and backgroundColor controls its color. These are source-example values; a live poll still needs its result resource and update mechanism.

Read the chart reference.