Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »



    Build v2.6.3

    A declarative, efficient, and simple JavaScript library for building responsive charts. With integrations in Angular, React, JQuery, PHP, Ember, & Backbone.




    bower install zingchart


    npm install zingchart


    cdn on cdnjs

    Quick Start

    Include a reference to the zingchart library

    <script src="zingchart.min.js"></script>

    The zingchart object is now accessible. Happy charting!

    <div id="chart"></div>
    window.onload = function() {
        id: "chart",
        data: {
            type: "line",
            series: [{ values: [5,10,15,5,10,5] }]


    This package supports the CommonJS module format to be used with bundlers such as Browserify when being used with NPM.

    Usage : var zingchart = require('zingchart');

    Package Directory

    The package includes the following:

    ├── client
    │   ├── zingchart.min.js
    │   ├── modules
    ├── custom
    │   ├── build.js
    |   ...

    Custom Build

    (requires Node.js)

    The zingchart.min.js file in the root directory is a fully functional build which includes the majority of functionality within the library. If you wanted to slim down the library and only provide functionality that you need, we have included a build tool that allows you to create a custom library build for the client side version. The /modules folder contains a complete collection of dependencies for the zingchart library.

    For example, if you wanted to create a build that only contained functionality for line and pie charts, you would run the command

    $ node build.js <configPath> <modules>
    • configPath (optional) - The path to the .cnf file to provide module options
    • modules (optional) -The module arguments to provide the build tool without using a .cnf file.

    Both examples will provide the same functionality for the line/pie example.

    Example 1

    $ node build.js zingchart.cnf

    Inside zingchart.cnf:


    Example 2

    $ node build.js line pie


    ZingChart is wrapped in a variety of ways for easy consumption with popular JS libraries and frameworks. Official releases are shown here. If you have a third party integration please contact us for inclusion.

    Contextual Demos

    We're always working on new demos to help users get started using ZingChart with their framework or database. Take a look at our Demo repo to see if we've covered your toolset. Let us know if we haven't or if you need help with an existing implementation.


    If you need any assistance or would like to report any bugs found in ZingChart, please contact us at or through our chat client on our website


    npm i zingchart

    Downloadslast 7 days







    last publish


    • avatar