### Install Dependencies and Run Basic Example

Source: https://github.com/ag-grid/ag-charts/blob/latest/examples/server-side-rendering/README.md

Installs project dependencies and runs the basic server-side rendering example.

```bash
npm install
npm run basic
```

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

### Install Dependencies

Source: https://github.com/ag-grid/ag-charts/blob/latest/external/ag-website-shared/scripts/compress-video/README.md

Install the necessary project dependencies using npm.

```bash
npm install
```

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

### Start Express Server for Chart Images

Source: https://github.com/ag-grid/ag-charts/blob/latest/examples/server-side-rendering/README.md

Starts an Express server that serves chart images. This is useful for testing and development.

```bash
npm run server
```

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

### Install ag-charts-react

Source: https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-react/README.md

Install the AG Charts React component using npm.

```sh
npm install ag-charts-react
```

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

### Navigator Configuration Example

Source: https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/src/content/docs/large-dataset-interactivity/technical-review-plan.md

This configuration enables the navigator and its associated mini-chart. This is an example configuration and may not reflect default settings.

```typescript
navigator: {
    enabled: true,
    miniChart: {
        enabled: true,
    },
}
```

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

### Install AG Charts Server-Side

Source: https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-server-side/README.md

Install the AG Charts server-side package using npm.

```sh
npm install ag-charts-server-side
```

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

### Angular License Setup

Source: https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/src/content/docs/license-install/technical-review-plan.md

Example of how to configure the AG Charts Enterprise license key in an Angular application. This is usually done once when the application starts, for example, in the root component.

```typescript
import { Component, OnInit } from '@angular/core';
import { LicenseManager } from 'ag-charts-enterprise';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  ngOnInit() {
    LicenseManager.setLicenseKey('YOUR_AG_CHARTS_ENTERPRISE_LICENSE_KEY');
  }
}
```

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

### JavaScript/TypeScript License Setup

Source: https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/src/content/docs/license-install/technical-review-plan.md

Example of how to set the AG Charts Enterprise license key in a JavaScript or TypeScript application. Ensure the 'ag-charts-enterprise' package is installed.

```javascript
import { LicenseManager } from 'ag-charts-enterprise';

LicenseManager.setLicenseKey('YOUR_AG_CHARTS_ENTERPRISE_LICENSE_KEY');
```

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

### Set Up Python Environment for Curve Fitting

Source: https://github.com/ag-grid/ag-charts/blob/latest/tools/bubble-aggregation/README.md

Create and activate a Python virtual environment, then install necessary libraries for curve fitting.

```bash
python3 -m venv myenv
source myenv/bin/activate
python3 -m pip install --upgrade pip setuptools wheel
pip install scipy numpy pandas
```

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

### React License Setup

Source: https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/src/content/docs/license-install/technical-review-plan.md

Example of setting the AG Charts Enterprise license key within a React application. This typically involves calling the setLicenseKey method during application initialization.

```jsx
import React, { useEffect } from 'react';
import { LicenseManager } from 'ag-charts-enterprise';

function App() {
  useEffect(() => {
    LicenseManager.setLicenseKey('YOUR_AG_CHARTS_ENTERPRISE_LICENSE_KEY');
  }, []);

  return (
    // Your application components
    <div>App</div>
  );
}
```

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

### Basic Financial Chart Setup

Source: https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-react/README.md

Initialize a financial chart by providing data to the AgFinancialCharts component. This snippet demonstrates the basic setup using React state.

```javascript
const [options, setOptions] = useState({
    data: getData(),
});

return <AgFinancialCharts options={options} />;
```

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

### Run Video Compression

Source: https://github.com/ag-grid/ag-charts/blob/latest/external/ag-website-shared/scripts/compress-video/README.md

Execute the main script to compress videos using npm.

```bash
npm run compressVideo
```