---
url: https://chartbuddy.io/embed/docs/connect-ai/chatgpt-codex.md
---
> Docs index: [llms.txt](https://chartbuddy.io/embed/docs/llms.txt)

# Connect ChatGPT / Codex

Use **Codex CLI** or the **Codex** tab in the ChatGPT desktop app to build Embed charts in code.

## Embed workflow (Codex)

### 1. Paste context

```text
Build Chartbuddy Embed charts (@chartbuddy.io/embed, new Insight()).
1) https://chartbuddy.io/embed/docs/llms.txt
2) Copy the seriesData grid from Quick start. Fetch linked .md pages as needed
https://chartbuddy.io/embed/docs/getting-started/quick-start.md
Size hosts with aspect-ratio or fixed px – not height:100% in slide/flex layouts.
```

### 2. Generate HTML or a small project

* Import from unpkg in a single HTML file, or add `@chartbuddy.io/embed` via npm.
* Follow [Quick start](https://chartbuddy.io/embed/docs/getting-started/quick-start.md) host sizing.
* Run [Visual QA](https://chartbuddy.io/embed/docs/quality-assurance/visual-qa.md) before finishing.

### 3. Optional: Hub MCP in Codex

To experience a better feedback loop between Codex and your chart, use Chartbuddy Hub – see [Hub – Connect ChatGPT / Codex](https://chartbuddy.io/hub/docs/connect-mcp/chatgpt-codex.md).