---
url: https://chartbuddy.io/embed/docs/concepts.md
---
# Mental model

ChartBuddy embed has three layers:

1. **`Insight`**: the public instance you create (`new Insight(target, options)`)
2. **Chart**: the engine drawing SVG into the target (`insight.chart`)
3. **`chartData` (`cd`)**: the serializable config + data object

```
Insight  →  mounts & chrome (view/edit, PNG, export)
   └─ chart  →  renders SVG
         └─ cd / chartData  →  type, seriesData, axes, annotations, …
```

## Modes

* **View**: deliverable chart + hover ball
* **Edit**: full formatting UI inside the mount