### Include OrgChart JS from Downloaded Package (Commercial/Trial)

Source: https://balkan.app/OrgChartJS/Docs/GettingStarted

This snippet demonstrates how to reference the BALKAN OrgChart JS library after downloading and unzipping the package. You should place the OrgChart.js file in your root directory and link to it in your HTML.

```html
<script src="www.[yourdomain].com/OrgChart.js"></script>
```

--------------------------------

### Include OrgChart JS Community Edition from Downloaded Package

Source: https://balkan.app/OrgChartJS/Docs/GettingStarted

This snippet demonstrates how to reference the Community Edition of BALKAN OrgChart JS after downloading and unzipping the package. Place the orgchart-community.js file in your root directory and link to it.

```html
<script src="www.[yourdomain].com/orgchart-community.js"></script>
```

--------------------------------

### HTML Structure for OrgChart JS

Source: https://balkan.app/OrgChartJS/Docs/GettingStarted

This HTML snippet defines a container element with a specific ID, width, and height, which will serve as the canvas for your BALKAN OrgChart JS visualization.

```html
<div id="tree"></div>
```

--------------------------------

### TypeScript Declaration Reference (Commercial/Trial)

Source: https://balkan.app/OrgChartJS/Docs/GettingStarted

This reference is used in TypeScript files to enable intellisense for the BALKAN OrgChart JS library when using the downloaded package. It should be placed at the top of your .ts file.

```typescript
/// <reference path="OrgChart.d.ts" />
```

--------------------------------

### Include OrgChart JS via CDN (Commercial/Trial)

Source: https://balkan.app/OrgChartJS/Docs/GettingStarted

This snippet shows how to include the BALKAN OrgChart JS library in your HTML document using a CDN link. This is typically used for the Free Trial or Commercial versions of the library.

```html
<script src="https://cdn.balkan.app/orgchart.js"></script>
```

--------------------------------

### Initialize BALKAN OrgChart JS Project

Source: https://balkan.app/OrgChartJS/Docs/GettingStarted

This JavaScript code initializes a new BALKAN OrgChart JS instance. It binds the 'name' field from the nodes data to the UI and defines a simple node structure with parent-child relationships.

```javascript
let chart = new OrgChart("#tree", {
    // options
    nodeBinding: {
        field_0: "name"
    },
    nodes: [
        { id: 1, name: "Amber McKenzie" },
        { id: 2, pid: 1, name: "Ava Field" },
        { id: 3, pid: 1, name: "Peter Stevens" }
    ]
});
```

--------------------------------

### Include OrgChart JS Community Edition via CDN

Source: https://balkan.app/OrgChartJS/Docs/GettingStarted

This snippet shows how to include the Community Edition of BALKAN OrgChart JS in your HTML document using a CDN link. This version offers limited functionality for free use.

```html
<script src="https://cdn.balkan.app/orgchart-community.js"></script>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.