open-index/open-npm huggingface dataset:
npm package: @ibm-sterling/charts
Description: Sterling charting components
Author: IBM
Latest version: 0.23.2

# `@ibm-sterling/charts`

> Sterling Charting components

## Getting Started

Run the following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @ibm-sterling/charts d3
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @ibm-sterling/charts d3
```

## Sample Project
[![Edit Sterling Charts - Vanilla](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/sterling-charts-vanilla-t9nl2)

## Charting Data & Options
Although we will definitely introduce new models in the future as we start shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components, .

For instance, in the case of pie and donut charts, you would only provide one data set. In the case of donut charts, you can pass in an additional field called `center` in your options configuring the donut center.

There are also additional options available depending on the chart type being used, [for more examples please see here](https://github.com/IBM/sterling-dataviz/tree/master/packages/core/demo/demo-data).
npm package: @ibm-sterling/charts-angular
Description: Sterling charting components for Angular
Author: IBM
Latest version: 0.23.2

# `@ibm-sterling/charts-angular`

> Sterling Charting Angular Wrappers

**[Storybook Demos](https://ibm.github.io/sterling-dataviz/angular)**
**[Storybook Demo Sources](https://github.com/IBM/sterling-dataviz/tree/master/packages/angular/stories)**

## Getting Started

Run the following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @ibm-sterling/charts @ibm-sterling/charts-angular d3
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @ibm-sterling/charts @ibm-sterling/charts-angular d3
```

## Charting Data & Options
Although we will definitely introduce new models in the future as we start shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components, .

For instance, in the case of pie and donut charts, you would only provide one data set. In the case of donut charts, you can pass in an additional field called `center` in your options configuring the donut center.

There are also additional options available depending on the chart type being used, [for more examples please see here](https://github.com/IBM/sterling-dataviz/tree/master/packages/core/demo/demo-data).
npm package: @ibm-sterling/charts-react
Description: Sterling charting components for React
Author: IBM
Latest version: 0.23.2

# `@ibm-sterling/charts-react`

> Sterling Charting React Wrappers

**[Storybook Demos](https://ibm.github.io/sterling-dataviz/react)**
**[Storybook Demo Sources](https://github.com/IBM/sterling-dataviz/tree/master/packages/react/stories)**

## Getting Started
Run the following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @ibm-sterling/charts @ibm-sterling/charts-react d3
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @ibm-sterling/charts @ibm-sterling/charts-react d3
```

## Sample Project
[![Edit Sterling Charts - React](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/sterling-charts-react-145qj)

## Charting Data & Options
Although we will definitely introduce new models in the future as we start shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components, .

For instance, in the case of pie and donut charts, you would only provide one data set. In the case of donut charts, you can pass in an additional field called `center` in your options configuring the donut center.

There are also additional options available depending on the chart type being used, [for more examples please see here](https://github.com/IBM/sterling-dataviz/tree/master/packages/core/demo/demo-data).
npm package: @ibm-sterling/charts-vue
Description: Sterling charting components for Vue
Author: IBM
Latest version: 0.23.2

# `@ibm-sterling/charts-vue`

> Sterling Charting Vue Wrappers

**[Storybook Demos](https://ibm.github.io/sterling-dataviz/vue)**
**[Storybook Demo Sources](https://github.com/IBM/sterling-dataviz/tree/master/packages/vue/stories)**

## Getting Started

Run the following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @ibm-sterling/charts @ibm-sterling/charts-vue d3
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @ibm-sterling/charts @ibm-sterling/charts-vue d3
```

## Charting Data & Options
Although we will definitely introduce new models in the future as we start shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components, .

For instance, in the case of pie and donut charts, you would only provide one data set. In the case of donut charts, you can pass in an additional field called `center` in your options configuring the donut center.

There are also additional options available depending on the chart type being used, [for more examples please see here](https://github.com/IBM/sterling-dataviz/tree/master/packages/core/demo/demo-data).
npm package: @ibm-watson/customer-engagement-nodejs
Description: Customer Engagement Demo
Author: IBM Corp.
Latest version: 1.0.2

<h1 align="center" style="border-bottom: none;">🚀 Customer Engagement Demo</h1>
<p align="center">
  <a href="http://travis-ci.org/watson-developer-cloud/customer-engagement-nodejs">
    <img alt="Travis" src="https://travis-ci.org/watson-developer-cloud/customer-engagement-nodejs.svg?branch=master">
  </a>
  <a href="#badge">
    <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
  </a>
</p>
</p>

## Prerequisites

1. Sign up for an [IBM Cloud account](https://console.bluemix.net/registration/).
1. Download the [IBM Cloud CLI](https://console.bluemix.net/docs/cli/index.html#overview).
1. Create an instance of the Tone Analyzer service and get your credentials:
   - Go to the [Tone Analyzer](https://console.bluemix.net/catalog/services/tone-analyzer) page in the IBM Cloud Catalog.
   - Log in to your IBM Cloud account.
   - Click **Create**.
   - Click **Show** to view the service credentials.
   - Copy the `apikey` value.
   - Copy the `url` value.

## Configuring the application

1. In the application folder, copy the _.env.example_ file and create a file called _.env_

   ```
   cp .env.example .env
   ```

2. Open the _.env_ file and add the service credentials that you obtained in the previous step.

   Example _.env_ file that configures the `apikey` and `url` for a Tone Analyzer service instance hosted in the US East region:

   ```
   TONE_ANALYZER_IAM_APIKEY=X4rbi8vwZmKpXfowaS3GAsA7vdy17Qh7km5D6EzKLHL2
   TONE_ANALYZER_URL=https://gateway.watsonplatform.net/tone-analyzer/api
   ```

## Running locally

1. Install the dependencies

   ```
   npm install
   ```

1. Run the application

   ```
   npm start
   ```

1. View the application in a browser at `localhost:3000`

## Deploying to IBM Cloud as a Cloud Foundry Application

1. Login to IBM Cloud with the [IBM Cloud CLI](https://console.bluemix.net/docs/cli/index.html#overview)

   ```
   ibmcloud login
   ```

1. Target a Cloud Foundry organization and space.

   ```
   ibmcloud target --cf
   ```

1. Edit the _manifest.yml_ file. Change the **name** field to something unique.  
   For example, `- name: my-app-name`.
1. Deploy the application

   ```
   ibmcloud app push
   ```

1. View the application online at the app URL.  
   For example: https://my-app-name.mybluemix.net

---

### Directory structure

```none
.
├── app.js                      // express routes
├── config                      // express configuration
│   ├── error-handler.js
│   ├── express.js
│   └── security.js
├── manifest.yml
├── package.json
├── public                      // static resources
├── server.js                   // entry point
├── test                        // unit tests
└── views                       // react components
```

## License

This sample code is licensed under Apache 2.0.

## Contributing

See [CONTRIBUTING](.github/CONTRIBUTING.md).

## Open Source @ IBM

Find more open source projects on the [IBM Github Page](http://ibm.github.io/)