Facebook Pixel

Webpack / TypeScript / AnyChart example

This example shows how to use AnyChart library within the TypeScript project using webpack.
View on GitHub


Clone this repository:

$ git clone git@github.com:anychart-integrations/webpack-typescript-example.git

Navigate to the example directory:

$ cd webpack-typescript-example

To install dependencies run this command:

$ npm install

To bundle project run following command, it runs webpack with it's config (see package.json):

$ npm start

Now you may open dist/index.html file to see result.

Package directory

        bundle.js           # bundled javascript file
        index.html          # html example file
    index.ts                # main TypeScript code
    package.json            # package file
    webpack.config.js       # webpack config
    tsconfig.json           # typescript config

Further Learning


AnyChart Webpack TypeScript integration sample includes two parts:

  • Code of the integration sample that allows to use Javascript library (in this case, AnyChart) with Webpack and TypeScript. You can use, edit, modify it, use it with other Javascript libraries without any restrictions. It is released under Apache 2.0 License.
  • AnyChart JavaScript library. It is released under Commercial license. You can test this plugin with the trial version of AnyChart. Our trial version is not limited by time and doesn't contain any feature limitations. Check details here.

If you have any questions regarding licensing - please contact us. sales@anychart.com