@duckcodeailabs/dql-charts

React chart and content component library for DQL.

It provides reusable chart renderers, themes, layout primitives, and notebook-style content blocks for building UI around compiled DQL results.

Install

pnpm add @duckcodeailabs/dql-charts react react-dom

Example

import { BarChart } from '@duckcodeailabs/dql-charts';

export function RevenueChart() {
  return (
    <BarChart
      width={720}
      height={360}
      data={[
        { segment: 'Enterprise', revenue: 120000 },
        { segment: 'SMB', revenue: 64000 },
      ]}
      x="segment"
      y="revenue"
    />
  );
}

Common Uses

• embed DQL chart components in React apps
• reuse theme primitives across analytics views
• render chart, table, note, and narrative blocks consistently

Learn More

• Root docs: ../../README.md