# OrgChart Chart Only example

Standalone Vanilla and React consumers of the public Core option
`presentationMode: 'chart-only'` (Auto only). Each page is one white canvas that
fills the window: no title, as-of date, summary, toolbar or guidance. The chart
opens fitted and centered, and the plain mouse wheel zooms at the pointer.
Not a Storybook page.

```bash
npm run build:org-chart
```

```bash
npm run build:ui
```

```bash
npm run build:org-chart-react
```

```bash
npx vite --config examples/org-chart-chart-only/vite.config.ts
```

Pages (port 6041): `vanilla.html`, `react.html` (default entry, Core popup) and
`react-hm-dialog.html` (optional `/hm-dialog` entry with the HM theme).
Query: `data=20|100|500` (20/100 are the existing multi-company fixtures, 500 is a
virtual single-company dataset with 6 divisions and 5·2·4·1·3·2 teams),
`layout=tb|lr|hybrid`, `embed=1` (verification only: a 480px canvas inside a
scrolling page).

Browser verification against the running server. Playwright and a browser are
resolved through `ORGCHART_PLAYWRIGHT_MODULE` / `ORGCHART_CHROME` as in the other
OrgChart checks; evidence goes to the ignored `test-results/org-chart-chart-only/`.

```bash
node examples/org-chart-chart-only/verify.mjs
```

`verify-storybook.mjs` checks the four public OrgChart Storybook menus against
`STORYBOOK_URL` (default `http://127.0.0.1:6044`) and, with `BASELINE_URL`,
compares DOM and pixels with a baseline Storybook.