{"_id":"svg-gauge","_rev":"11-e13e284ef2c4dfa3d5dc0522dfef1190","name":"svg-gauge","description":"Minimal SVG animated gauge with zero dependencies","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.0":{"name":"svg-gauge","version":"1.0.0","description":"Minimal SVG animated gauge with zero dependencies","main":"index.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"keywords":["SVG","Gauge","Animation"],"author":{"name":"aniketn3@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"homepage":"https://github.com/naikus/svg-gauge#readme","devDependencies":{"del":"^2.2.1","event-stream":"^3.3.3","gulp":"^3.9.1","gulp-concat":"^2.6.0","gulp-jshint":"^2.0.1","gulp-uglify":"^1.5.4"},"gitHead":"97e69bb29767f48d61076d77bcd192106a9b5296","_id":"svg-gauge@1.0.0","_shasum":"8bc2c78180cb0b68ab5861e3ec5c001c370e7391","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.1.0","_npmUser":{"name":"naikus","email":"aniketn3@gmail.com"},"dist":{"shasum":"8bc2c78180cb0b68ab5861e3ec5c001c370e7391","tarball":"https://registry.npmjs.org/svg-gauge/-/svg-gauge-1.0.0.tgz","integrity":"sha512-COsvAtvVtdfQWzazrHV94H3Nr3jIwimIwustHJT1nwakwsXouNj06RBgpcelGSeBZfRTkqhd22wyk67Q/A+hgg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIj7mClsOKawFvP8X6QiIuO5czJec9C7aqyb21+SrjhgIgOQ4HzbZCEaf9Z7HO8CQ685euftSDwluXtAj4lFiQ7CY="}]},"maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/svg-gauge-1.0.0.tgz_1477545709050_0.872952816542238"}},"1.0.1":{"name":"svg-gauge","version":"1.0.1","description":"Minimal SVG animated gauge with zero dependencies","main":"index.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"keywords":["SVG","Gauge","Animation"],"author":{"name":"aniketn3@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"homepage":"https://github.com/naikus/svg-gauge#readme","devDependencies":{"del":"^2.2.1","event-stream":"^3.3.3","gulp":"^3.9.1","gulp-concat":"^2.6.0","gulp-jshint":"^2.0.1","gulp-uglify":"^1.5.4"},"gitHead":"db7837cb93dbbfc25faa22f17cea544c90dbe8d0","_id":"svg-gauge@1.0.1","_shasum":"20871b18517132a7fe1aadfa0a98356e937c68e5","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.1.0","_npmUser":{"name":"naikus","email":"aniketn3@gmail.com"},"dist":{"shasum":"20871b18517132a7fe1aadfa0a98356e937c68e5","tarball":"https://registry.npmjs.org/svg-gauge/-/svg-gauge-1.0.1.tgz","integrity":"sha512-N9nHBwmIjLZGYcHcb3X0y9glYAOzxXIfD7mN5by95GZ/H7E8WFpPtArII43gY8cf0ucrI5YHJaGwyWKvQ5FF0Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUAAJiZn4567oxzXtSuYbim0Wqq9OYJlsYZCOKdEZRFwIhAPm93ukX/BQwVTTGTDIb9AljsyXU2EI4ah9Ny/a2Bzsc"}]},"maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/svg-gauge-1.0.1.tgz_1477648550424_0.8198198438622057"}},"1.0.2":{"name":"svg-gauge","version":"1.0.2","description":"Minimal SVG animated gauge with zero dependencies","main":"index.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"keywords":["SVG","Gauge","Animation"],"author":{"name":"aniketn3@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"homepage":"https://github.com/naikus/svg-gauge#readme","devDependencies":{"del":"^2.2.1","event-stream":"^3.3.3","gulp":"^3.9.1","gulp-concat":"^2.6.0","gulp-jshint":"^2.0.1","gulp-uglify":"^1.5.4"},"gitHead":"91c508af87fc40ac7126dd0ca47cc06634a90012","_id":"svg-gauge@1.0.2","_shasum":"824c09766faf6d27986015e29d3867ce32a51b85","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.1.0","_npmUser":{"name":"naikus","email":"aniketn3@gmail.com"},"dist":{"shasum":"824c09766faf6d27986015e29d3867ce32a51b85","tarball":"https://registry.npmjs.org/svg-gauge/-/svg-gauge-1.0.2.tgz","integrity":"sha512-80w9U7z/eJBMGnxtuihr8ykldd98ZXeg19s/9LO50r7+e9HMfsHGnx/HVWOECaOljapl8yrK367ZrOA3zpSnRA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICV/g+6AK1OLBoSBEFi2CAh5XA4HahFFLtubS+i5i1a/AiAn/67V7DQkig1OYcLApX2SuqbQP1hHTka0KZ/5GfLfSg=="}]},"maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/svg-gauge-1.0.2.tgz_1478079554462_0.9864934992510825"}},"1.0.3":{"name":"svg-gauge","version":"1.0.3","description":"Minimal SVG animated gauge with zero dependencies","main":"index.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"keywords":["SVG","Gauge","Animation"],"author":{"name":"aniketn3@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"homepage":"https://github.com/naikus/svg-gauge#readme","devDependencies":{"del":"^2.2.1","event-stream":"^3.3.3","gulp":"^3.9.1","gulp-concat":"^2.6.0","gulp-jshint":"^2.0.1","gulp-uglify":"^1.5.4"},"gitHead":"22241a773e1a89b4204c6b4ab652565b749c21b9","_id":"svg-gauge@1.0.3","_shasum":"81d69769996d13ed622e4d7697c139b18631a71f","_from":".","_npmVersion":"4.5.0","_nodeVersion":"6.10.2","_npmUser":{"name":"naikus","email":"aniketn3@gmail.com"},"dist":{"shasum":"81d69769996d13ed622e4d7697c139b18631a71f","tarball":"https://registry.npmjs.org/svg-gauge/-/svg-gauge-1.0.3.tgz","integrity":"sha512-oWPRQHfczbQ0N9WFTuogJCvgBU6r+ZBxm95A0xVCCGAwM2nbak5TLZjFSC8usj/eUNiybWTqkwCu/0SA3+6SLA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDRoIgqEutoGWbS1w+aWJt0qBq0UZQCl80TpIy1PDpMAAiEA9MzL+g4QSoo+yr45FMash6dNvKCKQgsQ6MyxsyeswE0="}]},"maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svg-gauge-1.0.3.tgz_1504863701742_0.2594397112261504"}},"1.0.4":{"name":"svg-gauge","version":"1.0.4","description":"Minimal SVG animated gauge with zero dependencies","main":"index.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"keywords":["SVG","Gauge","Animation"],"author":{"name":"aniketn3@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"homepage":"https://github.com/naikus/svg-gauge#readme","devDependencies":{"del":"^2.2.1","event-stream":"^3.3.3","gulp":"^3.9.1","gulp-concat":"^2.6.0","gulp-jshint":"^2.0.1","gulp-uglify":"^1.5.4"},"gitHead":"335e00e3b6cfec9ab73388f178ff358ac61d3d14","_id":"svg-gauge@1.0.4","_shasum":"60cb26f2f60df45db0fd755f550d2a7abfbe1941","_from":".","_npmVersion":"3.5.2","_nodeVersion":"6.11.4","_npmUser":{"name":"naikus","email":"aniketn3@gmail.com"},"dist":{"shasum":"60cb26f2f60df45db0fd755f550d2a7abfbe1941","tarball":"https://registry.npmjs.org/svg-gauge/-/svg-gauge-1.0.4.tgz","integrity":"sha512-KJEuhEPsCfmlX7VnB+eC/ex6N4FXLrLzn2V9hQa7vMSn+a0pd0l2FK+IPKbjalzCJMAdrsXpi/nWCgSWWi5wiw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYx3qxQ2SjEUBuyT0crbRaNUJ1LkOzN6WHyL0R0Ny1gwIgJxyjAemZmjeM/3YlrN/MG3yff3nGhAJJ4DKbnMM1WoM="}]},"maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svg-gauge-1.0.4.tgz_1512023191578_0.6908232932910323"}},"1.0.5":{"name":"svg-gauge","version":"1.0.5","description":"Minimal SVG animated gauge with zero dependencies","main":"index.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"keywords":["SVG","Gauge","Animation"],"author":{"name":"aniketn3@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"homepage":"https://github.com/naikus/svg-gauge#readme","devDependencies":{"del":"^3.0.0","gulp":"^4.0.0","gulp-concat":"^2.6.1","gulp-jshint":"^2.1.0","gulp-uglify":"^3.0.1"},"gitHead":"d5428c9cfd004b6cf5e127069f03c842f4936a54","_id":"svg-gauge@1.0.5","_npmVersion":"6.4.1","_nodeVersion":"10.14.1","_npmUser":{"name":"naikus","email":"aniketn3@gmail.com"},"dist":{"integrity":"sha512-LTHO3RJA/25KaxrQQ881QxQFb01Y2wl00VNUS3/NbhhgEs8s5RP0kA8Rx5CH2qSZkCNqE5Ic+Dbi8cR3Bm+Jcg==","shasum":"a579602920a711c08295162e8818f70c73d0a76a","tarball":"https://registry.npmjs.org/svg-gauge/-/svg-gauge-1.0.5.tgz","fileCount":12,"unpackedSize":54432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNEjLCRA9TVsSAnZWagAAnUwP/imLuQCItyjGfM+Vgeh7\nUD1J2Qw4yYxlU+vPtW1EfTIGb9mBGLi4EUE/766Mv70Zg7XMSIm/L8gZ4ftv\n41a7G1u+ItAE7Wvcpct5G/KXNjISBGUhNLS5ornd+8xZVer2yMZpEi86imkM\nsW7WmM0GGTWCxRlqixw17tYeVAPcru4GEa9rlZSZPCcPMYOiQdPzacaNQ0t6\nakI7w5DTINO19hqAFAueJymEtK8WdDJuDT7E8w6dA9QnDtEKWEjk/5iuzpkm\n0ZCEIOHZyuI24C6og0ZwJnv8mkiUgewwgthgvSM0oA8L71Zz+Oco8inSN0ae\nByZfq/K0PMQJa7h60X/O9z1p178nnD2oZ8WlKWJfE6ebxeWjjHwitrZv9Ncy\nFMQ424wxRymy9l6JLRIXxRPjjhovPVonyl/xX7vD9F6FkTeuhx8GA4IUSQR6\n9MSlUqqjwKwPqxYCiOQafRCiBWdoXkBFM2EXztOV4zYZsEYf3RkZiAT1AT7y\nLCNg8I50rmj4/X9KxB7nSB0kdtl6PwErfV0SeaiTrFhmoMMuECmEcqiFpc31\nDhVY3Qw6TmzbLWpBdwlFTfu0zHBzfMZcc/Qfi8y7Way9QEwrwFOQl90dExIZ\nFiqfl8/o7XobJwgkLhchYM//OEB50GykjImnoeCS+NymVLfBQ1UsW6Uqc3jL\nwKKj\r\n=lP73\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyiUsRVi88agYhEDOgzTmgZSR/TlDu2sScueqIRyiGxwIhANRju8BSpF/WeKJvXtnA9ctBDoidPBCtJjSdpX3a6KNT"}]},"maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svg-gauge_1.0.5_1546930379015_0.502366311760138"},"_hasShrinkwrap":false},"1.0.6":{"name":"svg-gauge","version":"1.0.6","description":"Minimal SVG animated gauge with zero dependencies","main":"index.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"keywords":["SVG","Gauge","Animation"],"author":{"name":"aniketn3@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"homepage":"https://github.com/naikus/svg-gauge#readme","devDependencies":{"del":"^3.0.0","gulp":"^4.0.0","gulp-concat":"^2.6.1","gulp-jshint":"^2.1.0","gulp-uglify":"^3.0.1"},"gitHead":"191cfd8527952a057403e32794a611495cfc91e0","_id":"svg-gauge@1.0.6","_npmVersion":"6.4.1","_nodeVersion":"10.14.1","_npmUser":{"name":"naikus","email":"aniketn3@gmail.com"},"dist":{"integrity":"sha512-gRkznVhtS18eOM/GMPDXAvrLZOpqzNVDg4bFAPAEjiDKd1tZHFIe8Bwt3G6TFg/H+pFboetPPI+zoV+bOL26QQ==","shasum":"1e84a366b1cce5b95dab3e33f41fdde867692d28","tarball":"https://registry.npmjs.org/svg-gauge/-/svg-gauge-1.0.6.tgz","fileCount":12,"unpackedSize":54444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdR+bCCRA9TVsSAnZWagAALigP/A+vYxhfqTQGxqlZJkqk\nkE0sMd9r4kvq22QPWFVUF7GvRLKsttbK5ZEIvuf32dBrJo6H3JXgtPeHC+mC\nWBJG759w+zC5I2oSOkOsI/FwVO9t5zAjNm10nXAY4TrhL2enJKL+JbPUPsqg\ntjfHcshm6OQr71e3ltV0ZONgPW0DKJki+BX/KN3GZq0lLkU3b2gmFsYlcJX1\nqFgxr64nlWGHSYZWbHc0iGvijO+yUq7eJd7uk6pfjQIXw8NAWfGP5TcDYRJa\nxn65vv3c2di0fJYA9KF4Oe0d2Ef/bOKOJT64/8Bz/czUOuwnftZoDQrXJqjH\nyf7SckaywsQ5grC9nU/sXWjHnYfzeLZ4KJnXYbLd6vEdmJ+9+hRbRA1kX+gD\nbp6C2mV/rLtKQhENroFJtzNB03gpyrT2VbJhx6gIV93vRb0YMECU4zisk5Dz\ntRPjQULSpfsuWWnU0weNfWuW1U5rLDnBgbpPHn4GfCGwT8HzXk5gaxB8sfoO\nl8D8uVzZSsHYKUcV6vChbg8t0BbIyUFOtHOqMp30azNTtxGIx95GF4/GFtRe\n1/y8kzuVBvWyELV3uCufyHhtu286dP6PRVMoZGhwix6SrrTgYNQe7a1p6GtC\nN1SZGJn0BF2M1aMbCtyaZ42j8eQQxCYzXMQ6idHj5x5MNsEJxAt9VeGvcCQq\nr9ac\r\n=Aj7r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCw3HYcqIq8aQePbyicKkdMaK/xBDtOaoIIkhS9mBNMZQIgYviOnUD946irt3Cxmz75oh6wCEVg4kPsL3U2ZLPJeu0="}]},"maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svg-gauge_1.0.6_1564993217820_0.7394026736208306"},"_hasShrinkwrap":false},"1.0.7":{"name":"svg-gauge","version":"1.0.7","description":"Minimal SVG animated gauge with zero dependencies","main":"index.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"keywords":["SVG","Gauge","Animation"],"author":{"name":"aniketn3@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"homepage":"https://github.com/naikus/svg-gauge#readme","devDependencies":{"del":"~3.0.0","gulp":"^4.0.2","gulp-concat":"~2.6.1","gulp-uglify":"~3.0.1"},"types":"svg-gauge.d.ts","gitHead":"2a0c2ada7f5cc9c1d4daa1ac45df7b710039145b","_id":"svg-gauge@1.0.7","_nodeVersion":"13.12.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-k+tG+e6kmTvO80FFS595XzKKF6b6T2KCr5ruzfQ9udl7h72Psl18QElgBrR7ezQd7aZROBNSN7WIle/CyJVCPA==","shasum":"0018cad7da3346d2508a79393f78990fb45bc5a0","tarball":"https://registry.npmjs.org/svg-gauge/-/svg-gauge-1.0.7.tgz","fileCount":13,"unpackedSize":57819,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBdAfxND+mEJVGN0jlOscpd0Av8AtskzqqiqLdNIsN9RAiBTBJS7XGbyV+hXnPeTa3gv27usU5OEaa2xks+aAOjABA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwB0ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXLg//YVQ6llT5U8HR5UsmohtfdzhThoNNj9t+G83ZIpbMFJeHyynP\r\nAlLalmUZsMqNkPUWpCpWD/TpmUopnJSQD100hCoQtUqKiyDvGIHiwsS3W82V\r\nQNTSRNGc2zgnwXvsjYD5PDaGA84fk/hSIqevnCfGbYvefr+6j9wHyoHHsQcs\r\nMy5ZesqbyUWcwYKKJjcjsmVoBXuNPAr7aFTCMA+IYOMBrV5BFJyZurSMWr2Q\r\ngKclO1/Ox+004ZV5+4TtduRkFd0+I8sU2PVEdX2WPc+G36ZMGwu+QDxbd+SW\r\nLkZ0idFD676dT+U9DrdCzh2z+ni85OTQSz0Q8Egu8+oBJ9pyH6FkO7zIHQ9d\r\nQ47oW0yb6QIfawIdvYtqQNrJCXiXdyQ0e9ih3E1OXAkeJeGik6ByIGpQxRrD\r\n3KEIUE4wmscR/g0MKJYPX61freuEtRbr7dij5FTDi9AUV70ChLjnwSv0qa4g\r\nZ+AG/kOwpFWjznhiB1MYkJ6JgbPR7dfZtH6DFI9VKKvlKMFeKBlEiuvwO1bF\r\noitBxoSUga/WO1OPgmXR4bDrBNydN6gvA8O7++Bvt/HDN8SAAoHaMDHAYN4e\r\nCKRN7ia4D1pJsmWjoKParo6Jby2Ws0JWFaCanNukg5nGp6NOmACLcaQP9nZv\r\n325jx0roaBo9xEcXYPbZ/ZOLOScPH3WzujM=\r\n=nEaA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"naikus","email":"aniketn3@gmail.com"},"maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svg-gauge_1.0.7_1656757528871_0.6424162186472928"},"_hasShrinkwrap":false}},"readme":"# SVG Gauge\nMinmalistic, configurable, animated SVG gauge. Zero dependencies\n\n\n## Buy me a coffee ☕\nIf you like my work please consider making a small donation\n\n[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/Z8Z01L1TS)\n\n\n## Migration from 1.0.2\n\nThe new gauge uses a viewbox of 100x100 as opposed to previous 1000x1000. All the stroke and font values have to be adjusted accordingly in your CSS. Just divide those by 10\n\n\n## Demo\nCheck out the [live demo](http://codepen.io/naikus/pen/BzkoLL) for various options and styling tips for this gauge\n\n\n## Usage\n\nHTML\n```html\n<div id=\"cpuSpeed\" class=\"gauge-container\"></div>\n```\nCSS\n```css\n.gauge-container {\n  width: 150px;\n  height: 150px;\n  display: block;\n  padding: 10px;\n}\n.gauge-container > .gauge .dial {\n  stroke: #eee;\n  stroke-width: 2;\n  fill: rgba(0,0,0,0);\n}\n.gauge-container > .gauge .value {\n  stroke: rgb(47, 227, 255);\n  stroke-width: 2;\n  fill: rgba(0,0,0,0);\n}\n.gauge-container > .gauge .value-text {\n  fill: rgb(47, 227, 255);\n  font-family: sans-serif;\n  font-weight: bold;\n  font-size: 1em;\n}\n```\nJavascript\n```js\n// npm install\nnpm install svg-gauge\n\n// Require JS\nvar Gauge = require(\"svg-gauge\");\n\n// Standalone\nvar Gauge = window.Gauge;\n\n// Create a new Gauge\nvar cpuGauge = Gauge(document.getElementById(\"cpuSpeed\"), {\n    max: 100,\n    // custom label renderer\n    label: function(value) {\n      return Math.round(value) + \"/\" + this.max;\n    },\n    value: 50,\n    // Custom dial colors (Optional)\n    color: function(value) {\n      if(value < 20) {\n        return \"#5ee432\"; // green\n      }else if(value < 40) {\n        return \"#fffa50\"; // yellow\n      }else if(value < 60) {\n        return \"#f7aa38\"; // orange\n      }else {\n        return \"#ef4655\"; // red\n      }\n    }\n});\n\n// Set gauge value\ncpuGauge.setValue(75);\n\n// Set value and animate (value, animation duration in seconds)\ncpuGauge.setValueAnimated(90, 1);\n\n```\n\n#### Options\n\n|      Name            |                  Description                       |\n| -------------------- | ------------------------------------------------------------------------------------- |\n| ```dialStartAngle``` | The angle in degrees to start the dial (```135```)       |\n| ```dialEndAngle```   | The angle in degrees to end the dial. This MUST be less than dialStartAngle (```45```)  |\n| ```radius```         | The radius of the gauge (```40```) |\n| ```min```            | The minimum value for the gauge. This can be a negative value (```0```)  |\n| ```max```            | The maximum value for the gauge (```100```)  |\n| ```label```          | Optional function that returns a string label that will be rendered in the center. This function will be passed the current value |\n| ```showValue```      | Whether to show the value at the center of the gauge (```true```) |\n| ```gaugeClass```     | The CSS class of the gauge (```gauge```) |\n| ```dialClass```      | The CSS class of the gauge's dial (```dial```) |\n| ```valueDialClass``` | The CSS class of the gauge's fill (value dial) (```value```) |\n| ```valueClass```     | The CSS class of the gauge's text (```value-text```) |\n| ```color (new)```    | An optional function that can return a color for current value  ```function(value) {}``` |\n| ```viewBox (new)```  | An optional string that specifies the crop region (```0 0 100 100```) |\n\n\n\n## That's all good, but what about React?\n```JSX\nimport React, { useEffect, useRef } from \"react\";\nimport SvgGauge from \"svg-gauge\";\n\nconst defaultOptions = {\n  animDuration: 1,\n  showValue: true,\n  initialValue: 0,\n  max: 100\n  // Put any other defaults you want. e.g. dialStartAngle, dialEndAngle, radius, etc.\n};\n\nconst Gauge = props => {\n  const gaugeEl = useRef(null);\n  const gaugeRef = useRef(null);\n  useEffect(() => {\n    if (!gaugeRef.current) {\n      const options = { ...defaultOptions, ...props };\n      gaugeRef.current = SvgGauge(gaugeEl.current, options);\n      gaugeRef.current.setValue(options.initialValue);\n    }\n    gaugeRef.current.setValueAnimated(props.value, 1);\n  }, [props]);\n\n  return <div ref={gaugeEl} className=\"gauge-container\" />;\n};\n\nexport default Gauge;\n\n// to render:\nconst renderGauge = () => (\n  <Gauge\n    value={42}\n    // any other options you want\n  />\n);\n```\n\n## React w/ TypeScript?\n\n```tsx\nimport { useEffect, useRef } from 'react'\nimport SvgGauge, { GaugeOptions, GaugeInstance } from 'svg-gauge'\n\nconst Gauge = ({ value }: Props) => {\n  const gaugeEl = useRef<HTMLDivElement>(null)\n  const gaugeRef = useRef<GaugeInstance | null>(null)\n  useEffect(() => {\n    if (!gaugeRef.current) {\n      if (!gaugeEl.current) return\n      const options: GaugeOptions = { color: value => (value < 30 ? 'green' : 'red') }\n      gaugeRef.current = SvgGauge(gaugeEl.current, options)\n      gaugeRef.current?.setValue(1)\n    }\n    gaugeRef.current?.setValueAnimated(value, 1)\n  }, [value])\n\n  return (\n    <div style={{ width: '500px', height: '500px' }}>\n      <div ref={gaugeEl} />\n    </div>\n  )\n}\n\ninterface Props {\n  value: number\n}\n\nexport default Gauge\n```\n\n## And Angular?\nHa! [It's already there](https://github.com/mattlewis92/angular-gauge)\n","maintainers":[{"name":"naikus","email":"aniketn3@gmail.com"}],"time":{"modified":"2022-07-02T10:25:29.084Z","created":"2016-10-27T05:21:49.291Z","1.0.0":"2016-10-27T05:21:49.291Z","1.0.1":"2016-10-28T09:55:54.345Z","1.0.2":"2016-11-02T09:39:16.323Z","1.0.3":"2017-09-08T09:41:41.824Z","1.0.4":"2017-11-30T06:26:31.669Z","1.0.5":"2019-01-08T06:52:59.143Z","1.0.6":"2019-08-05T08:20:18.084Z","1.0.7":"2022-07-02T10:25:29.026Z"},"homepage":"https://github.com/naikus/svg-gauge#readme","keywords":["SVG","Gauge","Animation"],"repository":{"type":"git","url":"git+https://github.com/naikus/svg-gauge.git"},"author":{"name":"aniketn3@gmail.com"},"bugs":{"url":"https://github.com/naikus/svg-gauge/issues"},"license":"MIT","readmeFilename":"README.md"}