Line Chart

Type: line-chart

Line/area chart for time series driven by DuckDB SQL query.

Supports children: No

A line/area chart for time series data, powered by DuckDB SQL queries. Query must return 'label' and 'value' columns. Add a 'series' column for multiple lines.

Example

{
  "type": "line-chart",
  "props": {
    "sql": "SELECT date AS label, revenue AS value FROM {{sales}} ORDER BY 1",
    "title": "Revenue Over Time"
  }
}

Example — multi-series

{
  "type": "line-chart",
  "props": {
    "sql": "SELECT date AS label, count AS value, category AS series FROM {{events}} ORDER BY 1, 3",
    "title": "Events by Category",
    "showArea": true,
    "curveType": "smooth"
  }
}

Every widget is defined as { "type": "line-chart", "props": { ... } }. The properties below describe the props object.

Props

Loading ....

Raw schema

Download the full schema file: /widget-schema/line-chart.json