{"id":18332914,"url":"https://github.com/anychart/anychart-meteor","last_synced_at":"2025-07-22T22:33:53.870Z","repository":{"id":141716590,"uuid":"78811141","full_name":"AnyChart/AnyChart-Meteor","owner":"AnyChart","description":"The package provides a simple way to pull in AnyChart component in Meteor.","archived":false,"fork":false,"pushed_at":"2018-03-28T14:15:19.000Z","size":15,"stargazers_count":17,"open_issues_count":0,"forks_count":0,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-04-06T03:33:54.157Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.anychart.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AnyChart.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2017-01-13T03:18:53.000Z","updated_at":"2024-04-02T17:43:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"545ac2d6-9abf-4f56-b55c-436103ef0a95","html_url":"https://github.com/AnyChart/AnyChart-Meteor","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/AnyChart/AnyChart-Meteor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Meteor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Meteor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Meteor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Meteor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnyChart","download_url":"https://codeload.github.com/AnyChart/AnyChart-Meteor/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Meteor/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266586171,"owners_count":23952170,"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","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-11-05T19:40:36.371Z","updated_at":"2025-07-22T22:33:53.843Z","avatar_url":"https://github.com/AnyChart.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[\u003cimg src=\"https://cdn.anychart.com/images/logo-transparent-segoe.png?2\" width=\"234px\" alt=\"AnyChart - Robust JavaScript/HTML5 Chart library for any project\"\u003e](https://www.anychart.com)\n\nAnyChart Meteor Package\n=========\n\nThe package provides a simple way to pull in AnyChart component in Meteor.\n\n## Table of Contents\n* [Quick start](#quick-start)\n* [Demo overview](#demo-overview)\n* [Contacts](#contacts)\n* [Links](#links)\n* [License](#license)\n\n\n## Quick start\nFollowing console commands allow to create a Meteor Application \nwith the AnyChart component pulled in.\n```sh\n$ meteor create sample-app\n$ cd sample-app\n$ meteor npm install\n$ meteor add anychart:anychart\n$ meteor\n```\n\nAfter `meteor add anychart:anychart` command is executed,\n`anychart` object becomes available in your project.\n\n## Demo overview\nHere is a [Simple Integration Demo](https://github.com/anychart-integrations/meteor-simple-demo)\nwith the step-by-step guide of how to work with AnyChart component in Meteor.\n \n#### /data/DataSource.js\nProvides an imitation of real data to be used as data source for demo.\nSince the DataSource is declared and exported, it can be used on the client.\n```javascript\nexport const DataSource = new Meteor.Collection('dataSource');\n\nif(Meteor.isClient) {\n  Meteor.startup(function() {\n    if (!DataSource.find({}).fetch().length) {\n      DataSource.insert({x: 'Department Stores', value: 6371664});\n      DataSource.insert({x: 'Discount Stores', value: 7216301});\n      DataSource.insert({x: 'Men\\'s/Women\\'s Stores', value: 1486621});\n      DataSource.insert({x: 'Juvenile Specialty Stores', value: 786622});\n      DataSource.insert({x: 'All other outlets', value: 900000});\n    }\n  });\n}\n```\n\n\n#### /client/main.js\nGets data from DataSource and creates an AnyChart Pie chart using\na global `anychart` object added to application with \n`meteor add anychart:anychart` command.\n```javascript\nimport { DataSource } from '../data/DataSource';\nimport { Template } from 'meteor/templating';\nimport './container.html';\n\nvar chart;\n\nTemplate.acTemplate.rendered = function() {\n  /*\n    Get container for chart.\n    It is not actually necessary here, `chart.container('container').draw();` can be used\n    for current scope, but container is found in template to avoid container ID duplication.\n   */\n  var container = this.find(\"#container\");\n\n  // Turn Meteor Collection to simple array of objects.\n  var data = DataSource.find({}).fetch();\n\n  //  ----- Standard Anychart API in use -----\n  chart = anychart.pie(data);\n  chart.title('ACME Corp. apparel sales through different retail channels');\n\n  chart.legend()\n      .position('bottom')\n      .itemsLayout('horizontal')\n      .align('center')\n      .title('Retail channels');\n\n  chart.animation(true);\n  chart.container(container).draw();\n};\n```\n\n\n#### /client/main.html\nContains a document structure to work with. Contains an \nanychart container template. \n```html\n\u003chead\u003e\n  \u003ctitle\u003eAnychart Meteor Demo\u003c/title\u003e\n\u003c/head\u003e\n\n\u003cbody\u003e\n  {{\u003e acTemplate}}\n\u003c/body\u003e\n```\n\n\n#### /client/container.html\nContains Meteor Template named `acTemplate` with container. After the \ntemplate is rendered, it can be used as container for AnyChart chart.\n```html\n\u003ctemplate name=\"acTemplate\"\u003e\n    \u003cdiv id=\"container\"\u003e\u003c/div\u003e\n\u003c/template\u003e\n```\n\n\n#### /client/main.css\nDefault style for current demo\n```css\nhtml, body, #container {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n}\n```\n \n\n\n## Contacts\n\n* Web: [www.anychart.com](https://www.anychart.com)\n* Email: [contact@anychart.com](mailto:contact@anychart.com)\n* Twitter: [anychart](https://twitter.com/anychart)\n* Facebook: [AnyCharts](https://www.facebook.com/AnyCharts)\n* LinkedIn: [anychart](https://www.linkedin.com/company/anychart)\n\n## Links\n\n* [AnyChart Website](https://www.anychart.com)\n* [Download AnyChart](https://www.anychart.com/download/)\n* [AnyChart Licensing](https://www.anychart.com/buy/)\n* [AnyChart Support](https://www.anychart.com/support/)\n* [Report Issues](https://github.com/AnyChart/AnyChart-Meteor/issues)\n* [AnyChart Playground](https://playground.anychart.com)\n* [AnyChart Documentation](https://docs.anychart.com)\n* [AnyChart API Reference](https://api.anychart.com)\n* [AnyChart Sample Solutions](https://www.anychart.com/solutions/)\n* [AnyChart Integrations](https://www.anychart.com/integrations/)\n\n## License\n\nAnyChart Meteor integration sample includes two parts:\n- code of the integration sample that allows to use Javascript library (in this case, AnyChart) with Meteor Framework. You can use, edit, modify it, use it with other Javascript libraries without any restrictions. It is released under [Apache 2.0 License](LICENSE).\n- 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](https://www.anychart.com/buy/) \n\nIf you have any questions regarding licensing - please contact us. \u003csales@anychart.com\u003e\n\n[![Analytics](https://ga-beacon.appspot.com/UA-228820-4/Plugins/Meteor?pixel\u0026useReferer)](https://github.com/igrigorik/ga-beacon)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanychart%2Fanychart-meteor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanychart%2Fanychart-meteor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanychart%2Fanychart-meteor/lists"}