{"id":18678162,"url":"https://github.com/zingchart/zingchart","last_synced_at":"2025-05-15T03:05:35.584Z","repository":{"id":21167075,"uuid":"24470524","full_name":"zingchart/ZingChart","owner":"zingchart","description":"A declarative, efficient, and simple JavaScript library for building responsive charts","archived":false,"fork":false,"pushed_at":"2025-01-16T18:07:54.000Z","size":145542,"stargazers_count":278,"open_issues_count":0,"forks_count":45,"subscribers_count":31,"default_branch":"master","last_synced_at":"2025-05-14T02:15:38.333Z","etag":null,"topics":["charts","javascript","no-dependencies","responsive"],"latest_commit_sha":null,"homepage":"https://www.zingchart.com","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zingchart.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-09-25T18:41:43.000Z","updated_at":"2025-03-11T09:51:30.000Z","dependencies_parsed_at":"2022-08-31T00:31:00.630Z","dependency_job_id":"aad31561-12ed-4493-89f3-852e14a0a1e7","html_url":"https://github.com/zingchart/ZingChart","commit_stats":{"total_commits":151,"total_committers":23,"mean_commits":6.565217391304348,"dds":0.8278145695364238,"last_synced_commit":"7194e8d40cfff79081c4e54138f84c257b52a12b"},"previous_names":[],"tags_count":65,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zingchart","download_url":"https://codeload.github.com/zingchart/ZingChart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254264765,"owners_count":22041793,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["charts","javascript","no-dependencies","responsive"],"created_at":"2024-11-07T09:36:14.576Z","updated_at":"2025-05-15T03:05:35.534Z","avatar_url":"https://github.com/zingchart.png","language":"JavaScript","readme":"# [ZingChart](https://www.zingchart.com/)\n\nOur JavaScript charting library is a commercial product. But the full branded version is free to try, forever.\n\n![npm](https://img.shields.io/npm/v/zingchart)\n![](https://img.shields.io/npm/dw/zingchart)\n\n![](https://img.shields.io/david/zingchart/zingchart)\n![](https://img.shields.io/david/peer/zingchart/zingchart)\n![](https://img.shields.io/david/dev/zingchart/zingchart)\n\n![](https://d2ddoduugvun08.cloudfront.net/items/0h0Z183K27213h0H0x1n/Screen%20Recording%202020-03-05%20at%2001.45%20PM.gif)\n\n## Install\n\n\n### *CDN*\n\nWe publish our live, dev and ALL previous builds on our CDN. This is the quickest way to get started.\n\n##### Current Version\n\nCurrent Version and Modules (https://cdn.zingchart.com/zingchart.min.js | https://cdn.zingchart.com/modules/)\n\n```\nhttps://cdn.zingchart.com/zingchart.min.js\nhttps://cdn.zingchart.com/modules/\n```\n\n##### ES6 Version\n\nES6 Version and Modules (https://cdn.zingchart.com/zingchart-es6.min.js | https://cdn.zingchart.com/modules-es6/)\n\n```\nhttps://cdn.zingchart.com/zingchart-es6.min.js\nhttps://cdn.zingchart.com/modules-es6/\n```\n\n\n### Package Managers\n\nWe have a variety of package managers to download our library, as well as integrations\n\n\n#### *npm*\n\n```\nnpm install zingchart\n```\n\n#### nuget\n\nIf you are looking for the ZingChart package and are a .NET user go to [nuget package here](https://www.nuget.org/packages/ZingChart/).\n\n```\nInstall-Package ZingChart -Version 2.5.0\n```\n\n#### Integrations\n\nInstalling our integration packages will also install the library for you. 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.\n\n##### Angular\n\n```\nnpm install zingchart-angular\n```\n\n##### React\n\n```\nnpm install zingchart-react\n```\n\n##### Vue\n\n```\nnpm install zingchart-vue\n```\n\n##### Web Component\n\n``` \nnpm install zingchart-web-component\n```\n\n##### AngularJS\n\n```\nnpm install zingchart-angularjs\n```\n\nList of integrations:\n* [Angular](https://github.com/zingchart/zingchart-angular)\n* [React](https://github.com/zingchart/zingchart-react)\n* [Vue](https://github.com/zingchart/zingchart-vue)\n* [WebComponent](https://github.com/zingchart/zingchart-web-component)\n* [JQuery](https://github.com/zingchart/ZingChart-jQuery)\n* [PHP](https://github.com/zingchart/ZingChart-PHP)\n* [AngularJS](https://github.com/zingchart/ZingChart-AngularJS)\n* [Ember](https://github.com/zingchart/ember-zingchart)\n* [Backbone](https://github.com/zingchart/backbone-zingchart)\n\n## Quick Start es5 \nInclude a reference to the zingchart library\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n  \u003c!--Script Reference [1] --\u003e\n  \u003cscript src=\"/zingchart/zingchart.min.js\"\u003e\u003c/script\u003e\n\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003c!--Chart Component [2] --\u003e\n  \u003cdiv id=\"myChart\"\u003e\u003c/div\u003e\n\n  \u003cscript\u003e\n    let chartData = {\n      type: 'pareto',\n      series: [\n        {\n          values: [\n            4642,\n            4345,\n            2350,\n            1251\n          ]\n        }\n      ]\n    };\n\n    // Render Method[3]\n    zingchart.render({ \n      id: 'myChart',\n      data: chartData,\n      height: 400,\n      width: '100%'\n    });\n  \u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Quick Start es6 Imports\nA general best practice to use ZingChart in any of your frameworks is used in the following:\n\n`import {zingchart, ZC} from 'zingchart/zingchart-es6';`\n\nAnd if you have and modules you want to include you do the following\n\n`import {pareto} from 'zingchart/modules-es6/zingchart-pareto.min.js';`\n\n\n## Quick Start es6 w/Script Modules\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n  \u003c!-- fallback for no module support --\u003e\n  \u003cscript nomodule src=\"/zingchart/zingchart.min.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003c!-- Chart Component [2] --\u003e\n  \u003cdiv id=\"myChart\"\u003e\u003c/div\u003e\n\n  \u003cscript type=\"module\"\u003e\n    \n    import {zingchart, ZC} from './zingchart/zingchart-es6.js';\n    import './zingchart/modules-es6/zingchart-pareto.min.js';\n    \n    let chartConfig = {\n      type: 'pareto',\n      series: [\n        {\n          values: [\n            4642,\n            4345,\n            2350,\n            1251\n          ]\n        }\n      ]\n    };\n\n    // Render Method[3]\n    zingchart.render({ \n      id: 'myChart',\n      data: chartConfig,\n      height: 400,\n      width: '100%'\n    });\n  \u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Resources: \n* [Getting Started Guide](https://www.zingchart.com/docs/getting-started/your-first-javascript-chart)\n* [Docs](http://www.zingchart.com/docs) \n* [JSON Docs](https://www.zingchart.com/docs/api/json-configuration)\n* [API Events](https://www.zingchart.com/docs/api/events)\n* [API Methods](https://www.zingchart.com/docs/api/methods)\n* [Gallery](https://www.zingchart.com/gallery/) \n* [Download](https://www.zingchart.com/download/)\n* [Support](https://www.zingchart.com/support)\n* [Stack Overflow](https://stackoverflow.com/search?q=zingchart)\n* [Studio](https://app.zingsoft.com)\n\n\n\u003c!-- ## Browserify\nThis package supports the CommonJS module format to be used with bundlers such as [Browserify](http://browserify.org/) when being used with NPM.\n\nUsage : `var zingchart = require('zingchart');`\n--\u003e\n\n\n## Package Directory\nThe package includes the following:\n```\n|   README.md\n|   zingchart.min.js\n|   zingchart-es6.min.js\n├── modules\n|   ├── zingchart-3d.min.js\n|   ├── ...\n├── modules-es6\n|   ├── zingchart-3d.min.js\n|   ├── ...\n``` \n\n\n## Support\nIf you need any assistance or would like to report any bugs found in ZingChart, please contact us at support@zingchart.com or through our chat client on our website www.zingchart.com\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzingchart%2Fzingchart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzingchart%2Fzingchart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzingchart%2Fzingchart/lists"}