{"_id":"@anubhavsahoo/react-sparklines","_rev":"3-709038955ad9abcbde7941338d65db0b","name":"@anubhavsahoo/react-sparklines","dist-tags":{"latest":"1.7.2"},"versions":{"1.7.0":{"name":"@anubhavsahoo/react-sparklines","version":"1.7.0","description":"Beautiful and expressive Sparklines component for React ","main":"build/index.js","directories":{"src":"src/"},"scripts":{"start":"cd demo && webpack-dev-server --progress","test":"mocha --compilers js:babel-core/register __tests__","test:watch":"mocha --compilers js:babel-core/register --watch __tests__","compile":"webpack","prepublish":"npm run compile","test:bootstrap":"node -r babel-core/register bootstrap-tests.js"},"repository":{"type":"git","url":"git+https://github.com/anubhavsahoo/react-sparklines.git"},"keywords":["react","component","react-component","charts","sparklines","visualization","jsx"],"author":{"name":"Boris Yankov","email":"borisyankov@gmail.com","url":"https://github.com/borisyankov"},"license":"MIT","bugs":{"url":"https://github.com/anubhavsahoo/react-sparklines/issues"},"homepage":"https://github.com/anubhavsahoo/react-sparklines#readme","devDependencies":{"babel":"^6.5.2","babel-core":"^6.8.0","babel-loader":"7.1.1","babel-plugin-transform-object-assign":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","babel-runtime":"^6.6.1","chai":"^4.1.0","enzyme":"^2.2.0","hiff":"^0.3.0","line-by-line":"^0.1.4","mocha":"^3.2.0","react":"^15.0.2","react-addons-test-utils":"^15.0.2","react-dom":"^15.0.2","react-element-to-jsx-string":"11.0.1","replaceall":"^0.1.6","webpack":"^3.4.1","webpack-dev-server":"^2.2.0"},"peerDependencies":{"react":"*","react-dom":"*"},"dependencies":{"prop-types":"^15.5.10"},"gitHead":"6096fe7e6ae6b3fe64e649256f976504a382d7c5","_id":"@anubhavsahoo/react-sparklines@1.7.0","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-U2Md4BAnPhahSQkhBS4V7Uzr4vpLJY+R8M5ZxU5937Om4ntkVSxIm/3DoOfKZyUVo6MH1/z35XliVamBEpNXkg==","shasum":"0c29e073c4a5352f037cdf0c6a957baa5cbe2794","tarball":"https://registry.npmjs.org/@anubhavsahoo/react-sparklines/-/react-sparklines-1.7.0.tgz","fileCount":34,"unpackedSize":228894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXGSuCRA9TVsSAnZWagAAyJkQAIJ0FvsG6kfgS4I2u4fk\ntSVLSbrttGWtZ0ZWhUfHWCYewqSnMj5sCUIHgKve3KQbTX3OJ3Qoxx9+qRlI\noU/Hkww3og5nao1qtxigofdyJxDW4eBVBseV11etubYlifUwGCbQtb2uVMnR\ncxFfOUfLpVjFX2gK1PJysQ5ISzVWLeLuBf324KS7dIj2rhP9luJEPXwhoDZd\nE+Dj55PNvGl+A1deLLRfkLdgsXIzi5k3vescIYR9yjojLnBzvJQG2Z2Let8W\n3+5EcL6cjqPAPZWc1ZDyz1DqspyCaz+KQKpsvUBkkis4pjtV5f3+BCRMmvMs\n00+8hLQC7AC+r11Hy3tZewSrXjxnzH/MkvTn3liTXAyTFXvDWqeek+YXBygo\n/DtZnHsvxVTthDSg1r1RPCbH/cwnWl/5XJltwn+sRTeLsGq1WRsrHxvO2re/\nnLyV2nQDD7QbHjUDtCwMeY+Aq1DWuWOvoAJcaJdItuwsCxgHy+bPjXcvMd8r\noZlHEjY/vdO6DH8lCsnT6Fx0TJhQGCOgxXu33ZXG5Icp5BARUL+SMaOdXqe9\n21rPEVxQCmETyQEEd2Ww87qTBK2l/obzqinyBqhrk/5Wc72s4QS7k4N6o2jW\np39rWHyIeirUpjbAGzUkBwqY5/3feT5bLBeme1xsCPTBnsDKDQUvFSxB5DiU\npyud\r\n=FEXO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKekFsXRalIXLsWscTXx6LdI9KpN1jTA/5KGIU3FBsbgIgXd5j5NvXwUlQ9kOzTD8EtnXEaQ8pXe8entoTqwWfE9E="}]},"maintainers":[{"name":"anubhavsahoo","email":"anubhav.sahoo@gmail.com"}],"_npmUser":{"name":"anubhavsahoo","email":"anubhav.sahoo@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sparklines_1.7.0_1599890606120_0.17289180916256486"},"_hasShrinkwrap":false},"1.7.1":{"name":"@anubhavsahoo/react-sparklines","version":"1.7.1","description":"Beautiful and expressive Sparklines component for React ","main":"build/index.js","directories":{"src":"src/"},"scripts":{"start":"cd demo && webpack-dev-server --progress","test":"mocha --compilers js:babel-core/register __tests__","test:watch":"mocha --compilers js:babel-core/register --watch __tests__","compile":"webpack","prepublish":"npm run compile","test:bootstrap":"node -r babel-core/register bootstrap-tests.js"},"repository":{"type":"git","url":"git+https://github.com/anubhavsahoo/react-sparklines.git"},"keywords":["react","component","react-component","charts","sparklines","visualization","jsx"],"author":{"name":"Boris Yankov","email":"borisyankov@gmail.com","url":"https://github.com/borisyankov"},"license":"MIT","bugs":{"url":"https://github.com/anubhavsahoo/react-sparklines/issues"},"homepage":"https://github.com/anubhavsahoo/react-sparklines#readme","devDependencies":{"babel":"^6.5.2","babel-core":"^6.8.0","babel-loader":"7.1.1","babel-plugin-transform-object-assign":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","babel-runtime":"^6.6.1","chai":"^4.1.0","enzyme":"^2.2.0","hiff":"^0.3.0","line-by-line":"^0.1.4","mocha":"^3.2.0","react":"^15.0.2","react-addons-test-utils":"^15.0.2","react-dom":"^15.0.2","react-element-to-jsx-string":"11.0.1","replaceall":"^0.1.6","webpack":"^3.4.1","webpack-dev-server":"^2.2.0"},"peerDependencies":{"react":"*","react-dom":"*"},"dependencies":{"prop-types":"^15.5.10"},"gitHead":"6096fe7e6ae6b3fe64e649256f976504a382d7c5","_id":"@anubhavsahoo/react-sparklines@1.7.1","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IKpnA31XncsLb2ljLNoNvejRFlG4Hn2AeRz/dc0eJdO75Y2e5j+CwmiecIjF7FaULvqqlWfIb3vViT0JTm0Krg==","shasum":"e64e7f59c84c5f9862141a7860871353ce4050ea","tarball":"https://registry.npmjs.org/@anubhavsahoo/react-sparklines/-/react-sparklines-1.7.1.tgz","fileCount":34,"unpackedSize":230069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXGlfCRA9TVsSAnZWagAA8rIQAJXum8usnpkfce+cfkKg\nwG6nFYXokGCIFacce50hRNDCdOClsUehB4rFlrgmOyWZew/og6rXOx6juw0Y\nBJWs19jwpa1Qdqiozyhv5V45+EyJxdRcILD2wwIFCf8sHn+qamyqNkIPPzxf\nzi0d5+j1sPO9h15Qi4ArEqnEEqXssfYm4iFW3sq4sZJa1XxsfZz/YwfmJPQk\nIulVH+O1MNKb2i6A1smuOWsN+IquDaZq9WSGdn0qdfBqbKwj4Im1gENooSON\nazoGLmrkZPxaVNwnRsXqz6Hzvs/4wUb0kwKBX1n5ZFfxxuMaj235WF3pgDS4\nPmsnuwYTqGUJnDo/GJVCyingeUOAObCjqgqPKonoXM5GQlCdUkDL0bTRHJ/o\nzZuR1nqWxnzoYA3Tr/57TYUBqB5UUjE1J50ZjiJAeZfKIdvoZ8PLRPB4MDs2\nAP3OXW0zgtTuaeZsQWO4G+42oCSX/9ka36YRke4cWflUonl/oTHREsydLdcU\nIr1yVv7e+Gzmhzhz7Js2gtEzcj/FVnWR76jXUmK2jjW4KgLNpxlOeCvsUXjE\n6T6+rjfMdW3SnbYbkDvsTf5Dpbj3fIA0TqFtqBpd6CM5vU/dz0OrMOSZ+6ow\nYWXjHEdJBByo7lvh3ThOavy6jNbao72PbreMGB8+thm3bQ5dnZvtpAcL2zVd\n1ppk\r\n=yUfE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwN3TZNoXgK5wszNBEJNfB3u+ZwjUENJvddCPdcM5wlwIhAPR4SDeJna2yshJpH46Hzj4lwuIB7WvFVJR8YZybAL2e"}]},"maintainers":[{"name":"anubhavsahoo","email":"anubhav.sahoo@gmail.com"}],"_npmUser":{"name":"anubhavsahoo","email":"anubhav.sahoo@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sparklines_1.7.1_1599891807540_0.6759801807263637"},"_hasShrinkwrap":false},"1.7.2":{"name":"@anubhavsahoo/react-sparklines","version":"1.7.2","description":"Beautiful and expressive Sparklines component for React ","main":"build/index.js","directories":{"src":"src/"},"scripts":{"start":"cd demo && webpack-dev-server --progress","test":"mocha --compilers js:babel-core/register __tests__","test:watch":"mocha --compilers js:babel-core/register --watch __tests__","compile":"webpack","prepublish":"npm run compile","test:bootstrap":"node -r babel-core/register bootstrap-tests.js"},"repository":{"type":"git","url":"git+https://github.com/anubhavsahoo/react-sparklines.git"},"keywords":["react","component","react-component","charts","sparklines","visualization","jsx"],"author":{"name":"Boris Yankov","email":"borisyankov@gmail.com","url":"https://github.com/borisyankov"},"license":"MIT","bugs":{"url":"https://github.com/anubhavsahoo/react-sparklines/issues"},"homepage":"https://github.com/anubhavsahoo/react-sparklines#readme","devDependencies":{"babel":"^6.5.2","babel-core":"^6.8.0","babel-loader":"7.1.1","babel-plugin-transform-object-assign":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","babel-runtime":"^6.6.1","chai":"^4.1.0","enzyme":"^2.2.0","hiff":"^0.3.0","line-by-line":"^0.1.4","mocha":"^3.2.0","react":"^15.0.2","react-addons-test-utils":"^15.0.2","react-dom":"^15.0.2","react-element-to-jsx-string":"11.0.1","replaceall":"^0.1.6","webpack":"^3.4.1","webpack-dev-server":"^2.2.0"},"peerDependencies":{"react":"*","react-dom":"*"},"dependencies":{"prop-types":"^15.5.10"},"gitHead":"6096fe7e6ae6b3fe64e649256f976504a382d7c5","_id":"@anubhavsahoo/react-sparklines@1.7.2","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-1ugbhVtmUJMUEnqQoFhvSUQ1iwgBQnhaXwOSJZ1mGsT8H/O6XfnLlYsBfJ/pRkQv+6gj6+HlTXuBSEbWBi4gDA==","shasum":"2e2f1c8bd42723cc034e72508024cf88cf62b7f5","tarball":"https://registry.npmjs.org/@anubhavsahoo/react-sparklines/-/react-sparklines-1.7.2.tgz","fileCount":34,"unpackedSize":230377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXGvHCRA9TVsSAnZWagAAyxgP/i8dr49ckb3MShjuqpKi\nx0xPRTRm8sE7w3EsIjhgV/NxmvFdOSXvDMx2b4BkdnSBgeEFz7ghzn+yBzY6\nPVU4PBEsYFpZ+kk6hNs4cLnxWPpIFcwH6hXcirhEBAbZthFmse6o6qsyZrDE\nNf5pP6N01aak/BBLSG7IT3ok36awpS43YCpwz81NTqBADsxw0uaLW8jeC9YV\n3nxu+hcPdOUPIfJwU9HUDafkBxSHWLTiZK8y/QYB8koxs+mhwJy+BcFv7NDN\nQzDi2OeIv/UsaocGofrieF699YZiSvKoiG6drBZwbi0/ASBlq4adotcPAk7f\nqVkZhcASrbCoGMdHCZZq6w2XOraL1paylLavTHu1Pj7cuMIrZnUktPy3a7nK\nxzRpcJOnfOiO5zczUrM1Wbb4IbXKKYizkNt3NYYqnht2v0lVQSVaYZxyparF\nIB8EYE48CwG+Q+zvTnTn0YZ07F/mcMHDl6JiIYIC4g71LaazemXpLC97jJma\nGzzVBzXLdQCJ051fUENU+5OqoOU67hH8cuwCBE7zPAkr5PX1Ak5ioVljwJGh\nmnqwA2EDis79cG9OQ8YiG3b6dxxQrpesvw2KxyMIjgXMrKXZD2pvl0Rc6513\nI8kvV3fcVxCDnJwZ/czrbNR/ONyjJUWZpWnvR3ZnP93NTT2L4rxEowsEkvdw\nY1OD\r\n=siDQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEpaCARS7i2o1ncsG8dFktXZ78SSmXzYqJTTbFRK2o4mAiAvE+NNa2tSiU63pAK7ts8Dn4W7mUV9UxGMiR+8ETGScQ=="}]},"maintainers":[{"name":"anubhavsahoo","email":"anubhav.sahoo@gmail.com"}],"_npmUser":{"name":"anubhavsahoo","email":"anubhav.sahoo@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sparklines_1.7.2_1599892423479_0.2486646929275218"},"_hasShrinkwrap":false}},"time":{"created":"2020-09-12T06:03:26.075Z","1.7.0":"2020-09-12T06:03:26.275Z","modified":"2022-04-04T14:25:43.356Z","1.7.1":"2020-09-12T06:23:27.686Z","1.7.2":"2020-09-12T06:33:43.602Z"},"maintainers":[{"name":"anubhavsahoo","email":"anubhav.sahoo@gmail.com"}],"description":"Beautiful and expressive Sparklines component for React ","homepage":"https://github.com/anubhavsahoo/react-sparklines#readme","keywords":["react","component","react-component","charts","sparklines","visualization","jsx"],"repository":{"type":"git","url":"git+https://github.com/anubhavsahoo/react-sparklines.git"},"author":{"name":"Boris Yankov","email":"borisyankov@gmail.com","url":"https://github.com/borisyankov"},"bugs":{"url":"https://github.com/anubhavsahoo/react-sparklines/issues"},"license":"MIT","readme":"# Beautiful and expressive sparklines component for React\n\n[![Build Status](https://travis-ci.org/borisyankov/react-sparklines.svg?branch=master)](https://travis-ci.org/borisyankov/react-sparklines)\n\nLive demos and docs: [borisyankov.github.io/react-sparklines/](http://borisyankov.github.io/react-sparklines/)\n\n![](http://borisyankov.github.io/react-sparklines/img/dynamic.gif)\n\n## Install\n\n```\nnpm install react-sparklines --save\n```\n\n## Run demo\n\n```\nnpm install\nnpm start\nhttp://localhost:8080\n```\n\n\n## Use\n\nImport the Sparklines components that you need; for example to generate a simple chart:\n\n![](http://borisyankov.github.io/react-sparklines/img/basic.png)\n\n```\nimport React from 'react';\nimport { Sparklines } from 'react-sparklines';\n...\n<Sparklines data={[5, 10, 5, 20, 8, 15]} limit={5} width={100} height={20} margin={5}>\n</Sparklines>\n```\n\nSparklines component is a container with the following properties:\n\ndata - the data set used to build the sparkline\n\nlimit - optional, how many data points to display at once\n\nwidth, height - dimensions of the generated sparkline in the SVG viewbox.  This will be automatically scaled (i.e. responsive) inside the parent container by default.\n\nsvgWidth, svgHeight - If you want absolute dimensions instead of a responsive component set these attributes.\n\n[preserveAspectRatio](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio) - default: 'none', set this to modify how the sparkline should scale \n\nmargin - optional, offset the chart\n\nmin, max - optional, bound the chart\n\n\n#### Basic Sparkline\n\n![](http://borisyankov.github.io/react-sparklines/img/customizable.png)\n\n```\nimport React from 'react';\nimport { Sparklines, SparklinesLine } from 'react-sparklines';\n...\n<Sparklines data={[5, 10, 5, 20]}>\n  <SparklinesLine color=\"blue\" />\n</Sparklines>\n```\n\n#### Bars\n\n![](http://borisyankov.github.io/react-sparklines/img/bars.png)\n\n\n```\nimport React from 'react';\nimport { Sparklines, SparklinesBars } from 'react-sparklines';\n...\n<Sparklines data={[5, 10, 5, 20]}>\n  <SparklinesBars />\n</Sparklines>\n```\n\n#### Spots\n\n![](http://borisyankov.github.io/react-sparklines/img/spots.png)\n\n\n```\nimport React from 'react';\nimport { Sparklines, SparklinesLine, SparklinesSpots } from 'react-sparklines';\n...\n<Sparklines data={sampleData}>\n    <SparklinesLine style={{ fill: \"none\" }} />\n    <SparklinesSpots />\n</Sparklines>\n```\n\n#### Reference Line\n\n![](http://borisyankov.github.io/react-sparklines/img/referenceline.png)\n\n\n```\nimport React from 'react';\nimport { Sparklines, SparklinesLine, SparklinesReferenceLine } from 'react-sparklines';\n...\n<Sparklines data={sampleData}>\n    <SparklinesLine />\n    <SparklinesReferenceLine type=\"mean\" />\n</Sparklines>\n```\n\n#### Normal Band\n\n![](http://borisyankov.github.io/react-sparklines/img/normalband.png)\n\n\n```\nimport React from 'react';\nimport { Sparklines, SparklinesLine, SparklinesNormalBand } from 'react-sparklines';\n...\n<Sparklines data={sampleData}>\n    <SparklinesLine style={{ fill: \"none\" }}/>\n    <SparklinesNormalBand />\n</Sparklines>\n```\n","readmeFilename":"README.md"}