# Dashboard Embed Chart

Monthly revenue vs operating costs chart that a finance lead downloads as a branded PNG for a board deck.

- id: `dashboard-embed-chart`
- Page: https://agentic-ui-kit.com/components/dashboard-embed-chart
- Live preview: https://agentic-ui-kit.com/live/fixture/dashboard-embed-chart?piece=dashboard-embed-chart

## Install

```bash
agentic-ui add dashboard-embed-chart
npx shadcn@4.17.0 add @agentic-ui/dashboard-embed-chart
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** timeseries, comparison, chart-type-switching, series-toggle, tooltip, keyboard-inspection, brand-theming, png-export, svg-export, csv-export, iframe-embed-code, embed-route-options, empty-and-error-states
- **Intents:** compare-over-time, import-export, show-composition
- **Suits domains:** analytics, saas, finance, billing, operations, ecommerce
- **Interaction:** tooltip, keyboard-inspection, chart-type-switch, series-toggle, export-download, copy-embed-code, retry-action
- **Screen role:** overview
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Monthly revenue vs operating costs chart that a finance lead downloads as a branded PNG for a board deck, Customer-facing usage chart embedded in a help-center article through the generated iframe snippet, Weekly uptime chart exported as CSV for an SLA report
- **Avoid when:** The chart must stream live updates every few seconds (use a monitoring timeseries without export), Data is hierarchical or flow-based, such as funnels or Sankey diagrams (use the dedicated chart blocks), Exports must be generated server-side for scheduled email reports
- **Preserve when adapting:** branded-header-and-attribution, export-and-embed-dialog-flow, keyboard-inspection-contract, embed-url-parameters
- **Replace when adapting:** brand-name-mark-and-accent, series-and-categories, value-formatting, embed-base-url
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.05/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 8/10
- **Uses primitives:** card, button, dialog, tabs, switch, input, textarea, label, alert, skeleton
- **npm dependencies:** lucide-react
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives