@bndynet/ichat-renderer-chart

Chart fenced-code renderer for iChat. Renders ````chartfence blocks as interactive chart visualizations via@bndynet/icharts`.

Install

npm install @bndynet/ichat-renderer-chart

Usage

Import before the first <i-chat> element connects to the DOM — auto-registers on import:

import '@bndynet/ichat-renderer-chart';

Or register manually with custom options:

import { registerCodeRenderer } from '@bndynet/ichat';
import { createChartRenderer } from '@bndynet/ichat-renderer-chart';

registerCodeRenderer(createChartRenderer({ codeToggle: false }));

Fence format

```chart
{"type":"bar","data":{"categories":["Q1","Q2","Q3"],"series":[{"name":"Sales","data":[10,20,30]}]},"options":{"title":"Sales"}}
```

Supported chart types: bar, line, area, pie, gauge.

API

| Export | Description | |---|---| | chartRenderer | Pre-built BlockRenderer (code toggle off) | | createChartRenderer(opts?) | Factory with customizable RendererOptions | | chartPlugin | markdown-it plugin (for md.use()) | | ChartInput | TypeScript type for chart JSON shape |

Peer dependencies

| Package | Version | |---|---| | @bndynet/ichat-messages | ^2.1.1 | | markdown-it | >=14 |

License

MIT