{"_id":"xtal-chart-istic","_rev":"7-d387195610a09690c2c16c65b3fe61c9","name":"xtal-chart-istic","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.1":{"name":"xtal-chart-istic","version":"0.0.1","description":"Vanilla-ish web component wrapper around the chartist library","main":"xtal-chart-istic.js","repository":{"type":"git","url":"https://github.com/bahrus/xtal-chart-istic"},"author":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"license":"MIT","dependencies":{"chartist":"^0.11.0","xtal-latx":"0.0.17"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0","@polymer/polymer":"^3.0.0","jiife":"^0.0.3"},"_id":"xtal-chart-istic@0.0.1","dist":{"shasum":"8e063628534dd0ddaa4da0bda784699b33d8806c","tarball":"https://registry.npmjs.org/xtal-chart-istic/-/xtal-chart-istic-0.0.1.tgz","fileCount":25,"unpackedSize":542619,"integrity":"sha512-jzQfu9K1H87SkwHG43HaWNpRTln9IdTlfgd8CwbT6vaZ6DyBWeikYcseWKrEv/crlXWiWH65hLtdtgkkWMuY1A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDWrYCDs0TcCRnCPelXh9sqlHp2ly5Y0oKR3DALDuUElAiBHaCDuddCI125KZVcqVp5KEHZnP4uPCmY+KKJT/5yOmw=="}]},"maintainers":[{"name":"bahrus","email":"anderson.bruce.b@gmail.com"}],"_npmUser":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/xtal-chart-istic_0.0.1_1532279360862_0.9952253677348835"},"_hasShrinkwrap":false},"0.0.2":{"name":"xtal-chart-istic","version":"0.0.2","description":"Vanilla-ish web component wrapper around the chartist library","main":"xtal-chart-istic.js","repository":{"type":"git","url":"https://github.com/bahrus/xtal-chart-istic"},"author":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"license":"MIT","dependencies":{"chartist":"^0.11.0","xtal-latx":"0.0.17"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0","@polymer/polymer":"^3.0.0","jiife":"^0.0.3"},"_id":"xtal-chart-istic@0.0.2","dist":{"shasum":"bbe4b69fdfecd1c9846026eacbe336f8e424464e","tarball":"https://registry.npmjs.org/xtal-chart-istic/-/xtal-chart-istic-0.0.2.tgz","fileCount":28,"unpackedSize":549424,"integrity":"sha512-I2SZQRFJX5l1gDbac470/VYVzV0rA+NIRTNMKbzvjoIkWg5tcmHJuwzGR+8gBkkl6gVB+CjtHQTOjg6Y6GI53A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGi243GvhlqbUTBz0aCqznKF9/5GV9yPyaSxC92c9dK8AiEAoFI/vWMFgOav5QIFo1YLB8SGoypd27jEqKT3MNcl9mA="}]},"maintainers":[{"name":"bahrus","email":"anderson.bruce.b@gmail.com"}],"_npmUser":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/xtal-chart-istic_0.0.2_1532279703095_0.973739504495847"},"_hasShrinkwrap":false},"0.0.3":{"name":"xtal-chart-istic","version":"0.0.3","description":"Vanilla-ish web component wrapper around the chartist library","main":"xtal-chart-istic.js","repository":{"type":"git","url":"https://github.com/bahrus/xtal-chart-istic"},"author":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"license":"MIT","dependencies":{"chartist":"^0.11.0","xtal-latx":"0.0.17"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0","@polymer/polymer":"^3.0.0","jiife":"^0.0.3"},"_id":"xtal-chart-istic@0.0.3","dist":{"shasum":"4cf1eedf1f01394c6590ecb3dfe18b01c1564748","tarball":"https://registry.npmjs.org/xtal-chart-istic/-/xtal-chart-istic-0.0.3.tgz","fileCount":28,"unpackedSize":550182,"integrity":"sha512-72RDWjCZCJIrXlKOvj1Dnei5F8aIMhgNs9cY0FB4DJFxkeMUB2Om8yURKtRh49lFZqQzQmSFT8jmCjIlEnvTkg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5pfUCYHpmsmajgKOvyq8Wxbx5gQSwyGnJeoop6lsIWgIgJcERdJ6XdZfz8Gi4SA8da6mKevj+7QtORJO1LK3cR2I="}]},"maintainers":[{"name":"bahrus","email":"anderson.bruce.b@gmail.com"}],"_npmUser":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/xtal-chart-istic_0.0.3_1532279869434_0.24623335618666564"},"_hasShrinkwrap":false},"0.0.4":{"name":"xtal-chart-istic","version":"0.0.4","description":"Vanilla-ish web component wrapper around the chartist library","main":"xtal-chart-istic.js","repository":{"type":"git","url":"https://github.com/bahrus/xtal-chart-istic"},"author":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"license":"MIT","dependencies":{"chartist":"^0.11.0","xtal-latx":"0.0.17"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0","@polymer/polymer":"^3.0.0","jiife":"^0.0.3"},"_id":"xtal-chart-istic@0.0.4","dist":{"shasum":"8535b272b61c1c4ea327cd562201f6e97c29216a","tarball":"https://registry.npmjs.org/xtal-chart-istic/-/xtal-chart-istic-0.0.4.tgz","fileCount":42,"unpackedSize":611506,"integrity":"sha512-9umjI4RlQQyaegTUN1kK6sPJd7Scr6Mjhsk924WcpKXBOXm2x03GoKBef9Uvl/jsD+G/7cWpZrBuMdh5S38e1g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCt9rV3ea4cIW9qKNfC+6TJ/O4afAq/zPALmM5E3ZeDRQIgdqgNl7tCLLWJ1wo/GclslG9XDIEOL0+y95s8qLuzyro="}]},"maintainers":[{"name":"bahrus","email":"anderson.bruce.b@gmail.com"}],"_npmUser":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/xtal-chart-istic_0.0.4_1532286173762_0.284357381623642"},"_hasShrinkwrap":false},"0.0.5":{"name":"xtal-chart-istic","version":"0.0.5","description":"Vanilla-ish web component wrapper around the chartist library","main":"xtal-chart-istic.js","repository":{"type":"git","url":"https://github.com/bahrus/xtal-chart-istic"},"author":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"license":"MIT","dependencies":{"chartist":"^0.11.0","xtal-latx":"0.0.17"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0","@polymer/polymer":"^3.0.0","jiife":"^0.0.3"},"_id":"xtal-chart-istic@0.0.5","dist":{"shasum":"1db2a896d84d6ec7e2455a1953aacd966ecb3cc1","tarball":"https://registry.npmjs.org/xtal-chart-istic/-/xtal-chart-istic-0.0.5.tgz","fileCount":42,"unpackedSize":614590,"integrity":"sha512-ox3esxTPZvS4uxyeDerHdaG4gCJPhZXM6PlZbIg5NBeuP9yrhod/w87NwDYXk2XnUdlLl2GHXpq1FQ4iEt91YQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG07qmWfVkfkjtHhrJ6rgIhcYrCGmzg5vlGlsrVSROj9AiEAuUTHuR6gmBqMbswe7gWRRW11s58Zyqlp5AuOfRkGzbw="}]},"maintainers":[{"name":"bahrus","email":"anderson.bruce.b@gmail.com"}],"_npmUser":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/xtal-chart-istic_0.0.5_1532300572372_0.33365353902994666"},"_hasShrinkwrap":false},"0.0.6":{"name":"xtal-chart-istic","version":"0.0.6","description":"Vanilla-ish web component wrapper around the chartist library","main":"xtal-chart-istic.js","repository":{"type":"git","url":"https://github.com/bahrus/xtal-chart-istic"},"author":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"license":"MIT","dependencies":{"chartist":"^0.11.0","xtal-latx":"0.0.17"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0","@polymer/polymer":"^3.0.0","jiife":"^0.0.3"},"_id":"xtal-chart-istic@0.0.6","dist":{"shasum":"8a27e03c39d4700640a7177fd89aff8357ab3bb6","tarball":"https://registry.npmjs.org/xtal-chart-istic/-/xtal-chart-istic-0.0.6.tgz","fileCount":42,"unpackedSize":614589,"integrity":"sha512-WPQeb+bi3QOsSUZB1utFC4Gw4S99GHFTCTMiCSyyX7c795v6cm3oS/DoNj2ibi9AO96QRsq0BogUOccDXhDP2g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+MxWhox+OaYSTky+axK70o8i6Ya90WPhzdqJCBamRmgIhAP3/MtxF9UpKgsw6pIOEP9L57SGRh4mm3Z0KT2DPeprO"}]},"maintainers":[{"name":"bahrus","email":"anderson.bruce.b@gmail.com"}],"_npmUser":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/xtal-chart-istic_0.0.6_1532301769169_0.36864343967033464"},"_hasShrinkwrap":false}},"time":{"created":"2018-07-22T17:09:20.861Z","0.0.1":"2018-07-22T17:09:20.925Z","modified":"2022-06-29T06:07:09.207Z","0.0.2":"2018-07-22T17:15:03.180Z","0.0.3":"2018-07-22T17:17:49.501Z","0.0.4":"2018-07-22T19:02:53.857Z","0.0.5":"2018-07-22T23:02:52.494Z","0.0.6":"2018-07-22T23:22:49.371Z"},"maintainers":[{"name":"bahrus","email":"anderson.bruce.b@gmail.com"}],"description":"Vanilla-ish web component wrapper around the chartist library","repository":{"type":"git","url":"https://github.com/bahrus/xtal-chart-istic"},"author":{"name":"bahrus","email":"anderson.bruce.b@gmail.com"},"license":"MIT","readme":"# \\<xtal-chart-istic\\>\n\nVanilla-ish web component wrapper around the chartist library.\n\nThe web component itself is ~1.4kb minified, gzipped.\n\nThe chartist library is ~12kb minified, gzipped.\n\nThe default css is ~1.4kb minified, gzipped.\n\n## Syntax\n\nchartist basically supports three chart types:\n\n```html\n<xtal-chart-istic draw line-chart={lineChartDataAndOptions}></xtal-chart-istic>\n\n<xtal-chart-istic draw pie-chart={pieChartDataAndOptions}></xtal-chart-istic>\n\n<xtal-chart-istic draw bar-chart={barChartDataAndOptions}></xtal-chart-istic>\n```\n\nThe properties lineChart, pieChart, barChart needs to consist of two properties:\n\ndata and options, e.g.:\n\n```html\n<xtal-chart-istic draw line-chart='\n{\n    \"data\": {\n        \"labels\": [\"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\"],\n        \"series\": [\n            [5, 2, 4, 2, 0]\n        ]\n    },\n    \"options\": {\n        \"width\": \"600px\",\n        \"height\": \"300px\"\n    }\n}\n'></xtal-chart-istic>\n```\n\nThese data and options subproperties are passed to the second and third arguments of [chartist api](https://gionkunz.github.io/chartist-js/getting-started.html):\n\n```JavaScript\nthis.chart = new Chartist.Pie(\n    this._chartTarget,\n    this._pieChart.data,\n    this._pieChart.options,\n    this._pieChart.responsiveOptions,\n);\n```\n\nAs you can see, there's a third sub property that can be passed in -- responsiveOptions, which are demonstrated frequently in the chartist examples.\n\n\n\n\"draw\" is a boolean attribute / property that allows you to delay or prevent rendering (for example, if element is hidden); \n\n<!--\n```\n<custom-element-demo>\n  <template>\n    <div class=\"vertical-section-container centered\">\n        <script src=\"https://unpkg.com/@webcomponents/webcomponentsjs@2.0.3/webcomponents-loader.js\"></script>\n        <script type=\"module\" src=\"https://unpkg.com/xtal-chart-istic@0.0.2/xtal-chart-istic.iife.js\"></script>\n      <h3>Basic xtal-chart-istic demo</h3>\n       <xtal-chart-istic draw line-chart='\n       {\n         \"data\": {\n           \"labels\": [\"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\"],\n           \"series\": [\n             [5, 2, 4, 2, 0]\n           ]\n         },\n         \"options\": {\n           \"width\": \"600px\",\n           \"height\": \"300px\"\n         }\n       }\n       '></xtal-chart-istic>\n\n       <xtal-chart-istic draw pie-chart='\n       {\n        \"data\": {\n          \"series\": [20, 10, 30, 40]\n        },\n        \"options\": {\n          \"donut\": true,\n          \"donutWidth\": 20,\n          \"startAngle\": 270,\n          \"total\": 200\n        }\n      }\n       '></xtal-chart-istic>\n       \n       <xtal-chart-istic draw bar-chart='\n       {\n        \"data\": {\n          \"labels\": [1, 2, 3, 4],\n          \"series\": [[100, 120, 180, 200]]\n        }\n      }\n       '></xtal-chart-istic>\n    </div>\n    </template>\n</custom-element-demo>\n```\n-->\n\n## Install the Polymer-CLI\n\nFirst, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.\n\n## Viewing Your Element\n\n```\n$ polymer serve\n```\n\n## Running Tests\n\n```\n$ polymer test\n```\n\nYour application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.\n","readmeFilename":"README.md"}