---
url: https://chartbuddy.io/embed/docs/getting-started.md
---
> Docs index: [llms.txt](https://chartbuddy.io/embed/docs/llms.txt)

# Getting Started

Developer documentation for embedding Chartbuddy in HTML and dashboards. Using Chartbuddy in Google Slides? See the [Help Center](https://chartbuddy.io/help) instead.

The Chartbuddy JavaScript package is **`@chartbuddy.io/embed`** – for embedding Chartbuddy in HTML documents.

## Paths

* [Installation](https://chartbuddy.io/embed/docs/getting-started/installation.md) – npm, CDN
* [Quick start](https://chartbuddy.io/embed/docs/getting-started/quick-start.md) – HTML file, mount, update, destroy
* [Chart with AI](https://chartbuddy.io/embed/docs/connect-ai.md) – Cursor, Claude Code, ChatGPT, … + Embed handoff
* [View vs edit mode](https://chartbuddy.io/embed/docs/getting-started/view-vs-edit.md) – default chrome and editor mode
* [Canvas & sizing](https://chartbuddy.io/embed/docs/concepts/canvas.md) – host must have a definite width/height before mount

## Also browse

* [Data model](https://chartbuddy.io/embed/docs/concepts/data-model.md) – `chartData` and `seriesData`
* [Chart types](https://chartbuddy.io/embed/docs/chart-types.md) – clustered bar, line, waterfall, …
* [Insight reference](https://chartbuddy.io/embed/docs/api.md) – `Insight` methods (under Docs → Reference)
* [Visual QA](https://chartbuddy.io/embed/docs/quality-assurance/visual-qa.md) – observe, PNG export, fixture hygiene
* [Validation](https://chartbuddy.io/embed/docs/quality-assurance/validation.md) – `validateChartData` before mount
* [Samples](https://chartbuddy.io/embed/docs/samples.md) – live charts + copy-paste HTML
* [llms.txt](https://chartbuddy.io/embed/docs/llms.txt) – curated agent index
* [llms-full.txt](https://chartbuddy.io/embed/docs/llms-full.txt) – entire docs site in one file (skip unless you need a single blob)