{"_id":"@carbonplan/charts","_rev":"33-78ae6400e497a1853ef9bdeb7fec3a04","name":"@carbonplan/charts","dist-tags":{"latest":"3.1.1","develop":"3.0.0-develop.0"},"versions":{"1.0.0":{"name":"@carbonplan/charts","version":"1.0.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":"^0.7.3"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"34ed784aa3c05675509811e243624163823247ae","_id":"@carbonplan/charts@1.0.0","_nodeVersion":"15.8.0","_npmVersion":"7.5.1","dist":{"integrity":"sha512-UlAjjwAiAf5onDGt7rWV3LW4e4jeYoiM864HXf3oT4z27Uh+xmFtPRxd2nVaNIGTjraCwBjgekA7eZ5JZJ7kqA==","shasum":"3d4a126966b8d8127b8c9666af9096fe5330eb3a","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-1.0.0.tgz","fileCount":9,"unpackedSize":208834,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoVj5CRA9TVsSAnZWagAAhfsP/j2eo4WKUPV8z76VrWcD\nUIWoyDVpTdUKYLUoSt16DPSFrbEnmmS3AF0csU9lYoq4LkeX/bYzElRcP+Jc\n5Z8I4X7wbV0zbuWAQUrY66+0+cPP+wkE4OQ9Wr5k6dbtVvicPCEhnWBGGRDC\nt87c2MtbBiw/P0w3vF/3LVuijoMxPAOTRMf3HtbeZeOnf6cKdusY6jJ6pdEE\nbQujRdTTxawum8FVA8ibFrRmfs4PzNS8QJq3W/R0Hjk+7TohCuiqbGmTwVqh\nL4RfKZCG465VwM+rNpFqEluW8njffZBg9gQYetYoKDukFsVuGkF74ONKfax/\nxnpdW9Wi0iFAnqkeVTR6abSVSBVPUPkRz73Z2EDTZ+zdUjscBlo/JIF1PZvv\nNmhMNRM6dSDB2kCTpRuS24YpsJjlMoZHTWJchtgXtqzqpVvRW5hxjvmWoM1d\nbY6XELGnQUVc3hrMqtbmizXoH59Jtv3llexzmQl6O+y7NfbicPP/HVH1C9kk\nGfq45a0o3WfjuNL4VpRT4yE0rRMRi95QXBB0SBkrvBwx/bRbVPyFBRmROIpH\nt+UhzhF4U5ww9ao3wtgbDPSdvN8fExaqGd2w6rtDjN0dzpVIcR+z3ipu9eHS\nZWoh2lIwPa6HqPanrAbrynTTsV3Psdyj+BbDopgqinGhkWtf2AzdkbqpcSUy\nFrJK\r\n=KDRv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM5zmhj0xMD34wFgFM5+zxZ9c77jNk35zfwCXUq3utPwIhAJewRMwHIc4ZKAKD37GgUn25Cgasitw4MyvxRD08kPHu"}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_1.0.0_1621186809378_0.9852754516805577"},"_hasShrinkwrap":false},"1.1.0":{"name":"@carbonplan/charts","version":"1.1.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":"^0.7.3"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"003c630419ba38c55871ed77505d8251ddb7bfd5","_id":"@carbonplan/charts@1.1.0","_nodeVersion":"15.8.0","_npmVersion":"7.5.1","dist":{"integrity":"sha512-8ZcCyAPFOJGWYDnZlPhHO2OWPyo+JUwCK5OgkU2vxmVH7z5cfsMY4/YusRqdC2C4G1kmw0I4yqH2zMpQQE0umw==","shasum":"3df791b7c70ea34b68dc974b7aa836728f899898","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-1.1.0.tgz","fileCount":9,"unpackedSize":228261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoc6sCRA9TVsSAnZWagAAuncP/0tk2aEpuVal7yuVx9J9\nx9pjRX6DzeQBKiuvF6YMdMMdYUjfl28VAF46kpjPr0KT/XOrL5h3bRjQ8COo\ndBKYPvsQZrd1UzPamc2m846l20V0L/JRNE3+tUu/HYgHf88hrdk19+aJVKCu\nG/+0P1ROyUEH93AS7Q+YFeSfCInvSNY746Txe4a4wvqqovSh9fCmbOpjGUsq\nfUJt8f9Ag9hF4AJbvEDY8OCpSspq24tP/NV3GMqDFdEDN+SBs3wEVcYJu7Lu\nmNcPMWXSK9NXG7d/UdnaXcxDEXdcsxVoOo5j0KgiXz8rRi+3wROK7N34CkP1\nhllB4f68ZSG+pc6mKCFr+YEdvi4otYI0viKbF/5Xzj7MCmdyBOmHPZBDy/LW\ngQJsiV5JM5iK195rG5gl4ojive8BzJlosLkgA25VraSZhdCpp4cKyNB+n+LI\nwG8CIiRdJXwE23EjPk0sxl2LGDnDF3kzTxTJhBHmanChkRx5I4Y+ihwLGdZw\nkvoVhSZOygj+Xr9G1h/FJVDrql2mZCtbD7fexODhmxvdXmkVoNWnO0Zhl7y1\nExoibrCc4H68apUpCezy2f0wJ1x5XbrjMD7ZMLeel2P3kHp4aN8dEpNwq4HF\nA31RNlBrd6mdSXLa4F7MW+vVSLo7cVinmD6U3JdWtLURHrPtj9MqygpDUYgp\n4Kzq\r\n=EMLk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF+k1u7ILOp2BRV6sZS4i3590NAc0bTcBXgFyjJ0qwkEAiEAq+BmCCqp4erA/iHMkhiGPaiXjcpFprZDu9ENUUYnU/E="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_1.1.0_1621216940520_0.8526068720414093"},"_hasShrinkwrap":false},"1.2.0":{"name":"@carbonplan/charts","version":"1.2.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":"^0.7.3"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"58cf92205da2f98be0e0ab6ed42f7363a6922aaa","_id":"@carbonplan/charts@1.2.0","_nodeVersion":"15.8.0","_npmVersion":"7.5.1","dist":{"integrity":"sha512-Dv2CKzue7UuAlxAnKJmhER4DtfM586V2LhxdFwiAMZTcxVujJZ7HNtrzaOi8NP/acbtFkoyofrIixuY2AdZalQ==","shasum":"2a5f09ea53f1a6ad8298bab1a1583ee204a39e91","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-1.2.0.tgz","fileCount":9,"unpackedSize":250353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgodVDCRA9TVsSAnZWagAA1wwQAJOJPlsl0Ps904C5Z9I4\nh4fqHOlQ/L21aufyJ8SHf8+FSjDayovf3FzINAXmg0hc2uyJ48rSbOF8vny6\nxkfErvqOXWCvayO5gbwBI1TAvs0SrDV6eMqVXa0NPgpQBc+/IXugCVWL0Yo4\n7RhDsNm586tHNM6SKDvcyjohqADgxfjgBA+wqvagpcsRGjBtD6i/OvD0C/TM\nABP0oERyzMGdVgjedjsAYTFGSH0WdXp4Xvw65ThkRTQas+0l4xrnOFx4LvT0\nY3Ptjab6JfQ5cKCpo+VsBaTQRNZszEqpEyc7uYslcOwTs/NwnFI1kpsKpHJF\nkwxIFlZdllpTLw2Xrif4ecd2fpzAbiNHQaquvuREqvTNXJDMP1bezQpJUL5a\nVGckeqyTamGORA01JpnaeprKllq/jlnvNkTJF+SsL7C7n6LSNO2qvSsPL/Ff\nKqH5byYifY+asG87ZImmyF0w7fmf6BfDsE8XgeEwu4NBDHM2NaUV+rgmZ58q\nq+7pfWOX9poCH04LoG1odXhXSYlG79+iJsdlKUr1MTqVXWJLIyY46TwALOlB\nESIbB4PgZWQPMUoQvlSNidZPmZ3xsFvE0mWUi6fDQeVBxkirMnw64SfzOVEu\niRYbwmc2Tg0feL/nHOYokbsyawCsDfmG4j6occi3Oj/301VAvFFej5JKDk3m\nDlMa\r\n=JgVt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDpWVoHNQcrPiC7M7OaiB5E2KbzFgujh2ShMfEbQO7uMAiEAtlrk9GiDc+QuS5s06gWSrqlOLw67fIhmVuZcbK9yRDI="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_1.2.0_1621218626681_0.9353299839113882"},"_hasShrinkwrap":false},"1.3.0":{"name":"@carbonplan/charts","version":"1.3.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":"^0.8.4"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"dadc068cd88c710ad4c67ec69733d6059bad06d9","_id":"@carbonplan/charts@1.3.0","_nodeVersion":"15.8.0","_npmVersion":"7.5.1","dist":{"integrity":"sha512-VKINvExMjGG9IzR0mzNhMwsYDGVRAKL7UIzz3qQz1eux9IJKxL7bDPOysPdeO8B48bpeYXebjW0+OwAKn8i7BQ==","shasum":"c580188255df03d603be768045e8ad7ae0a99a60","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-1.3.0.tgz","fileCount":9,"unpackedSize":250353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpZquCRA9TVsSAnZWagAAKx0P/3eFMHqPt9rRw26X3PRX\nhYV2ghnP2q+FVOC8xteVlCCy10DU6LOQauojtzEdOhnWEVOYdi3/JAFBecUb\njCW3VtWNKtvcB+sjgSC41LOr1a59LzG/JCDvsgE+IPkjl7Ye37hMy4JuUwbZ\npc1htrWJhwxMTN3diw0IlqCku/WxmYePeAC832gLIGvTCHGkij3wVI/YCpJK\nd7eAW1LZySrdjpOIDMxxeWyJX6Er72PEXvXrvWEfwU0lTLKP22Z4opoTs4xE\nU6Y5WQjY+6GEwkcqs4lOsLvSTbxgYJvxCtW2xbnQ0clV4qbiynOseQ+A4u98\nfKkkSzQWZJfG9wlZYpClQJUP5wFodYlENBjf+omRgu1ZeEKaJmixgPec/iwm\nVakBnCm2nG+S3es7yUAvR8Dg8H+MKSueZAMj1LgBiFpkgmqrnIa7kn/fnH4i\n+a8O7qsRKdHPALyMFA0SmHlD1uhycDGx4NsTWIjAEOzUENwXhifMrjnoyrFS\nBf+cW5EsCBKpWoC7jh0X7/py2dKuf2LZd/N9p4Ec57sNHYrmhC9uXCRN7uSK\nDsTkBqol2QQPP1VKd3bSTfn5LwasH4XsEUnqArHXZWTCIauIlaREtdlyeNri\nj8RfFHGVgT2i2ydo1qc5RYQj64FosZr3q1F8zZ6tLNZa/8QZnhy3tT2SVV0S\nexwV\r\n=VTUZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH/vw/Xkj9P4GD//j8bBrhFcPv0o767X5rR7QuRJdGRrAiEAiPz690YVEON4vj7pB2BnbFAY4B7HXG+DH+XE0ly3T1w="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_1.3.0_1621465773682_0.4094338779407585"},"_hasShrinkwrap":false},"1.4.0":{"name":"@carbonplan/charts","version":"1.4.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":"^0.8.4"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"6c68f391d355ee32bbe56c85a897f6181f6cbd60","_id":"@carbonplan/charts@1.4.0","_nodeVersion":"15.8.0","_npmVersion":"7.5.1","dist":{"integrity":"sha512-glSf3/Kj+Z4sUkleKLWuZLT8iztuZG+f/NJ7OHXdDUbzOtANqpmJx8PIbtkyKpavVK/3+wRY+iKa2VdVMw5nSA==","shasum":"22bbb476976721f6c6ad1c28ef1ec5befa97f691","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-1.4.0.tgz","fileCount":9,"unpackedSize":262170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqvfBCRA9TVsSAnZWagAA26MP/RFjL2tcYtucI8XMR4Ki\nxblovJ959srj0jAiQmvG6UxPXqk0YBtaSFiYZ+bzOhbX3F0eVZaU86Whw5w1\n8MtYqJNfPODYNDzmg/d1QNIAVAv7oCWxA6EiFjTYcUo60/ximoBrokFdmqoZ\n2L9VGnwe2i+gl9PCSWg5ThedrI/xmwmaRjmoFf8G7cmTBD8R8Q8Pr0tUhqiN\nYrDWUT0+2JVQPKgop+6QgWHECmAj1/kRSS1F2bsNyFuHTwkNyQDycJ07r6m4\nLJHF13L4z3v1E8ljmzGvyQuTCp2v55YfESkTTU10MUf8pMfKEU6DpohKVEJ2\nlq9MXPTmccflximX0RHnC6JsIvlLkzMZlmFCuILPucLAaSa5ao5PnqItLo/z\nhAaeu2xlpry359nOAyWwZHsjwqhxmMLLn32384yTuiDx6OYdGi0/BewGCoo/\nez79aYHDaCiGgw1/ooMGzjs/NKenisPhuV3bslwRvJlZlww81CaUy8YJwfP3\n1ira/1p2e4No/SRs3a67V/be9c8+iZ/oFXvevTB7qUTRwkdy00m1xZjIT/fL\nyZUGq97pV2in8uCfQ+zhqshdl8CKw3ZaOvB39h2QCRKTcexRTni85hcXadWV\n3yd0RalvaA62RVXy/FFeP6PrVfmBW5lXa3fKXLoMKpB5Rp2QD/aQi8ITbvxB\nsoCJ\r\n=JwHA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUIHYktjkRsrlGwY6qRsm5tqZOf8tk19NllsGguLvI1QIhAJpn3g07OyoneUyut6jalSlWbBlR0nHylJp4sPnnGHF9"}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_1.4.0_1621817280860_0.17985088194964116"},"_hasShrinkwrap":false},"1.5.0":{"name":"@carbonplan/charts","version":"1.5.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":"^0.8.4"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"0260d39d33b061b0d8cad41210d70419f97dad90","_id":"@carbonplan/charts@1.5.0","_nodeVersion":"15.8.0","_npmVersion":"7.5.1","dist":{"integrity":"sha512-GCbK82dvGy1kZ9qh9rU2sS47Uj/P26z4NMgCqZfejUzF3RwFrK6kV9cWP+oyAA+tiJUOjW3QOSbIDtdNnrMIbQ==","shasum":"cf62b993f721affd85c7751c531e3bb43ed91990","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-1.5.0.tgz","fileCount":9,"unpackedSize":273095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgry3SCRA9TVsSAnZWagAAxvIP/2wd/1fAEXC0yRTYjitX\nvSsFcnAcVJBayllIXfMPAoDybILbz8p+h4JbTyl63k/ALNvS77epgTnI86P5\nzXOfQgvL6eZkULvZONY4E9s+p2Rcex8eUzW5HWy0j6ZHDbPJyG2kyN4t8qNm\nByU4U3wJTRDGDbXCaQ1CQi6NKReUQJG0coVpsnSKSBWlaA1Q1ahRf0SmUa7v\nfOs4M9qmSi0rMjbVcnty2C1O9mmtFpePuOPD9b53/vcJ9sHAQ1YeZDleGNWv\nRujJW2FjPm4+mUN3BOAtcNYS4PMMlTVsvuyqBdziZur5+oD57vcrmMvjxiOG\nqBcGOQ/tcgGD+8L7HfEA/3EGe273N5n40ZnpEfIHOwfdMUtrBcM3Twr1PXnD\ngKWKCW+FYUS6pYLw6is8bnB9pD2vpbZ/maaJ7LvoJG0x4HMYOlFHsTH/BLcB\nwsi6W5cORBVbmeRCh/Av0C06gCIk5KiVKSDkENzbcwM0gm70CYhZWZYGxt4U\nsuIKueGHUngKgjpz71w6RMmF9x5Tg0Ht3KXhLSPsmUKBWmqDCwg77QXJ/g3h\njpMyj2ChEENygu7yiAllaKPcJfquvPhpAdk7XDAy2zzRHE8KeYzhMiI1Yo0i\nAaqsDJgj6IKzrv+WLmnKuDw5zbskG4vfGSbpfZ7kSI3xkyZ4w8l1EjfZxM12\n7A0h\r\n=0u7s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3o7d87L4VpT+il4VctGj+dhEO81uLTQNl2GWl2yj8ogIgJLkbMeQgDpoeab6OVqNbtIqmb+PC6b0TEqZ6mOlgysU="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_1.5.0_1622093265707_0.3031292683700475"},"_hasShrinkwrap":false},"2.0.0":{"name":"@carbonplan/charts","version":"2.0.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"fa1d7703d6ceb4807ef85eb585e3be6c6cd6a2f9","_id":"@carbonplan/charts@2.0.0","_nodeVersion":"15.8.0","_npmVersion":"7.5.1","dist":{"integrity":"sha512-d7UuPV5lmTqS/6sQfvMZMJE62oKG28vdycerGgCRd1TkddhMDIhPy1sKwcKMpzWU2flZNofNvPYu01kcG/H0/g==","shasum":"49440f3a6dbd4f924867b76e28bcc56efd13a620","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.0.0.tgz","fileCount":9,"unpackedSize":276140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg66kPCRA9TVsSAnZWagAA79sQAI3IQc0ixB1osjbcdyaP\n1hDfEXt9lYUbnXqklK/2U9g+G+H6aV3D6o7dkDzp7bDe4LNQjh4SXJj9H1rx\nKx+cGg017pfY5+Y2UDUY2E9bIeYMT7yPmJVJHcvjwHyvE4phS7LW+Yg7CE8c\n8T2weyf194POPBXrnwCEvfSenjDZtt3Pn3etvC8q2fO2DZieG3Gqxy6stxhk\nZLW2b9sRV6NOQBTdnmQ7GNlyZbJ4R1mUgDqhWWqI3IR5tQHe56ZvMXBIxTVD\nfm9S89GNSuiCbNRkX7JzNNMdodyO+cyvyJ2KkKQ3vuq6mSQ6WwCo3XWXpoXS\n92gcEL7Y6XgbpPwz/ntdN2O7eNcdbhCrMcbOYv28TVUiitbFbIkPaFso+3ya\nt4ifB0k2yIpi+B4IGfSIKNPBCUM3WpF6yHx+VP3pgAzrbwru4K1zFQklBFG7\npDW7dAp8pglXa1OA+AzPdOzFBZP9nNn4wXSLBkd/Jp3pxttGunOM0EG9BU4J\nkfVTNrv3TIW+YRmCC3KW6eY/tVWSwaXvB9nZo3hwQc+8d3KLb8npqkE/jt4L\nt2f05JhUxcTCPchSZwV1LL8JYvpLQaik5YeuC1XbdgJtwuM1SwAKM9N+cxHZ\nUbTYoZ7ZkHzsiTEXms/AI9ERzFGk1noDGUIAHeMXuWcE8pgz/5xPVD7ZneB7\na2U9\r\n=wLLY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCE1g3/fSzu909tRagmhxvKKPjJFx68Jq/oadAzXjoS0AIgdG27SF2fqtcn1+QqYwmZcnHiB+krx4LsEGQkkAWkDgk="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.0.0_1626056975139_0.8047673166290008"},"_hasShrinkwrap":false},"2.1.0":{"name":"@carbonplan/charts","version":"2.1.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"4450912bb7682b0ba681ee49f4eb77801e699ed3","_id":"@carbonplan/charts@2.1.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-3NY4v4e58H/EVhkrzrIzMjWkees6i5hZOG0QEx/Gyhkr1p7jSOyyYIpU8xglMJSR+W4z/RIS8MiOcbD0i10Jcg==","shasum":"9c6099bd11591a84d1b5f32cf48cf8ae5b6d145e","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.1.0.tgz","fileCount":9,"unpackedSize":288825,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCi9YcMDrpEjMtn0HsLgnckHqZdOBO80+jyJpNj+85zRAIhAKEY5F4Voh6rBw6UyPTDAQ1oPfXMVPivVOQme7lh3gST"}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.1.0_1633636610543_0.8297231192012091"},"_hasShrinkwrap":false},"2.1.1":{"name":"@carbonplan/charts","version":"2.1.1","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"8759c1380a11bf6cc7215d568cf87387eb93f491","_id":"@carbonplan/charts@2.1.1","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-4b7yLwzF/vk7ivVzLoooA1FbSdyUqAqar0fhIFWaR/+Yc65MU/qQKGVanixIPL9Amn3bjHhRBzAO/x3VARjMIA==","shasum":"ea665b85b9c0acf6a3e127f41d60a7936f836e27","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.1.1.tgz","fileCount":9,"unpackedSize":288771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhla5ACRA9TVsSAnZWagAAI2gP/3Ny49hP1S7dee63kxd/\nB+S/mevBr13kPPJPrjg4T2D1qJGZ8TaQGXiT7DeFQoArsxef3e46A7AiqvJB\npa8xMmlaWK7LfFQlcux5COGNvpghkje1C/GzW92HCRlpXFrAH7n9fYRK91nv\np3BOtyIYIMCOwa4rm4d/CiqObFj8sdBNlku1xXp7OF09kAOxe2DpdXlreknk\nA5dFkSToH6va9jVoDiANHv/wT6WZ9VZQAd2RFt/0ZB6L8w0YH+twwqJEMaoM\nvxgrDjQUfBBNz2N2CRD8GyImyiJuu2DTP50Lkhem6mSuLIWS/dkPkX9KFzbP\nzMnUE2WaMYx+cl78mWY5Tvv96r0uDix8vfCqyiHGaRHKsiK0T9mLcYzk42Sm\nG3lQwgVSml6bNA5KRQtDiqnewMRXcFYgT2hnUpQZj77gLFOc0dbdeYRDnf+f\nUvw93f0G2EJjLZNNhZ+pnNb/7eVC9J9h+fU34kFv5zNgE5JNjZG+UqpY3x+t\nT4lqfPWsixXNpzF7/oOoL9SNtCfP7LsSJSvZettcLqlOadombFLfRZeBa2Uz\n6C7N/mxU00of5+l2C/C9xAPaEa/LeU3vyJbjqvmAxNO1//0aI93W20918JF6\n5Pv3PBlCYN3RBcj0UT4B3SRixNNx+8w2bVZ0xsqrA1DdizZrn4iD6E584ZCG\ntAcD\r\n=/wk9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0/hUyKBZGem8sHOm0Yta9kgDxbJaDI7zNTM+xl1Iw4gIgSuPTB33H3sPIFfPsQWRiqAEMleHOXHXQrIhkxy0n1bo="}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.1.1_1637199424096_0.7344528717869827"},"_hasShrinkwrap":false},"2.1.1-develop.0":{"name":"@carbonplan/charts","version":"2.1.1-develop.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"488160b756b3cc34fb3335caa154cd9155efb0d0","_id":"@carbonplan/charts@2.1.1-develop.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-ODUYT0/oGCBkVfYNCe60AsGvnD1RHguDZxiRxDA6Vo1fRqfgWVJoPAqkpgTGb9Y3JDPaaPyU7s5uhbxLOPIoew==","shasum":"dca9825407e603d59b5c564c178ba6008d7be3d0","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.1.1-develop.0.tgz","fileCount":9,"unpackedSize":345135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhl/geCRA9TVsSAnZWagAAR60P/RuJz2P+M5/I5tyUbhZg\n7VNT4g3ESvthNyXm5YuXpTDXu0757opHAeg1zHSTjwPFaJTwwVw59foGGpoY\nFs3PTX2ApJI9jtmy9V8Zlug2BQqsxGPF5XRclthP6vEgHIetz+NJkMS88Aay\ntFy1euRsckMFj1yKo1HWG6v7XSve8eHFT/u1eX1ZTqUByND4gVRd0ahtwqLj\nVrQj8ZGyFjvWPlw6ugaBAppRlSSg0iddFqjXT8VaIMZErL9uhyT5pw/OMGWT\nRk7cWvF4M/jQCrcdzGvUvhA3vyWYeDoC5uesnsgrR6OK1n+QcrXcI+UrKRpb\nDidoQvd4wF21JpJZtmaEwpYvtNPWjeFat6qmVe9EPP3pA0R4VJHXazNsQVSB\n22ye/r0CkEnzyoULoWDr8HvZJbrpRwiCvrWW/x6kDOufbUj0NoejUduUdxpg\nztmQ2VrYoZLkjuV/N3EH4iCzZ7j4BIsnVPA1Yqcz/ICqRYC+/jyUuCuKl3GZ\nYHynS/VASGWne7tnOyEB/vDxk9AbFcZEqBk57iA3KrGUWJAPrFuOTVt5zxIQ\n3tshCrmRXQymvjxQDS7lVlVw9+mcfkomN287p48kL5nTr9InBu/Jiy0O2NVL\n8lIl06W5l1wMHCvRVz2rvs5SwbHB3ltFi/9AxBNyKzkeehJkZgcf6tpixeiO\n0WvB\r\n=h3mS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8t10VaO5nudloTuBo5vxC5l4o1ncdF3C3VN+ms9816QIgZhL9ocsQi9n+2oxNEuZ+tQpIUw0WujTtOc9i5uA77/g="}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.1.1-develop.0_1637349406185_0.8726528768359261"},"_hasShrinkwrap":false},"2.1.1-develop.1":{"name":"@carbonplan/charts","version":"2.1.1-develop.1","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"46f6f9de61e8b8c9f39cde856c2cc4bec0cea4df","_id":"@carbonplan/charts@2.1.1-develop.1","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-e6B4aoTXQ7ZbF7TvQ2sr9ug/Vjg+o97/KOIwgHL4WViORwYtSsx5B9dc7ByjbqNyKmeqaMzofWfN4gh4oX9hoQ==","shasum":"a80c9dc9fbf17683ab51d1ff9f0f99660689236f","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.1.1-develop.1.tgz","fileCount":9,"unpackedSize":346084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm9jdCRA9TVsSAnZWagAA6ZQP/0YQpAwtqlRWix43Biq7\n+mS7bipLc1znco9/mnBr+GLTZDt3NTDVM+s2RKAcSIfpsG38KLvXuoM0ZQUE\n24R7gGE/KuSqza/50Yz9DX5iPi0J5Iq3ipb9c6Q73VskvHlEST5JYnorRuZK\nOIejZhs3PrieLTlo4/5pHQST2q7nz1qWtvT0pNaRdshVneilhIh8IlEI4m5v\nxmYBEPUp7KK/ARHil07ZnScrwpuRkyQlCfXw61cdPyxVIBKo4GftTnCIFcxl\n+1u98ZwtAlgORQp6DbjDghBPhXfgGL+xLiNxAgf4UqukUDkgaFwijWhXtJ+z\nz6iZpH1HVWzTEXwGJlcUxscDpbrzDn7Hu3Hl+huC91PEv49ndAq2//PGxtPs\ntQrm1etlWwgwhaTy5tyg5bx9OwiONOUdSNWZWWr6Zy6kzR+yWLnf/Hi9NiA1\ntxhVqktbActaUBbq3U20rGUglHTpXdRrji8jE8nvvEvQekUunZSE0Ldv1ine\nqbmuKKkLlxSLERP121DIOaDs+rQ7pNQBZ5pAhF1/NxHISC1vVpukBJItUH6a\n9fyZRflvMwIDpkF+FzTz6fS7Rcbb0VMWddrAUp/eoWHMfV0BNUAgYUwPIbIH\n3G5MmVLAZBrHithPsUm6vpYU8Lxh8UHnqSVo7K5GAD86mhb4nwBgFMYNkix9\nc8Bf\r\n=v5Mn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8zH5bilCfWn4uL9o4IUd+pX6N8OXpV8ybNj5NhN70fAIhAI7Qb3ldPx4lckW1aduLGC7BuMAPUdh6cMLr9IEtUX+k"}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.1.1-develop.1_1637603549441_0.8438332994805484"},"_hasShrinkwrap":false},"2.1.1-develop.2":{"name":"@carbonplan/charts","version":"2.1.1-develop.2","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"e6924b139310c9cdbe252a8b980907e592c63f86","_id":"@carbonplan/charts@2.1.1-develop.2","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-Hm95Kc4tnw/2dwolJlMrUz9oYmu6n3wwQJg1CfMvM3lrgvEFLG86yP68Q1yFz0ueSmi1GAPPLobDguUtJKnK5Q==","shasum":"9c05d3ebf13ea730b18a01d53624b7fead16f825","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.1.1-develop.2.tgz","fileCount":9,"unpackedSize":347419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnAIaCRA9TVsSAnZWagAA6LoP/izZbNfHOJ1rbzOaX543\nzwJ7ExOu9g0MEPqOo9tOr0hh+44xqxEoGn0USwhHADhhY++C87+M714SjZmG\nP07Ruq3vu6FI1tuwUiWQP4nEomGxlQ02+mzOQNlEmNuWR/5zMDX7Jy3NFoks\nl3Z3aG4eJbZ4S10Wxm+Ici5OyNRyr/Bn275TCFQ352grncACNFNVxjThees4\nDRFaOqwup60ix/7NtH3So3YmAP6RpG/EpPePCdGuFb08vm98MRaGhdqTW1/C\n81NC2SdcVBzlfdejAOZLSqH7bpwReny0GCm3DUROFzMQfawryyiZb6dvm5qg\n0xRyFa8X7/2ae0lb4niokO10PvTUsB69FEhDBgCen5eMH1Q0PAA86DxVWw16\nzlbFKo3DWqUaRHzBb0hnS0t+BZPN4aA6z8fKv4MW6m6uUBEl8YgZLxwJT5sc\nHlq4CyIT1Rsg9tn+EFH4K13RCF19mnq6wj7k9Vl9z4Z7kfdvMUNsnKIhYdYO\naGJ19C1HxWqd20HT4DCeoi102Lu+1Rfj0Vv1HXzvgWIltPAr5WGgraN1Jx/J\nXAVr1Plr0POYWXEdOtXr+JYsMdoA4rZVZhtU4Olx9hRkssXoWraCsvN8WvCP\nxed8bSMnIujlHFHjcvZXbgMUDdcS59dANzQz68EoplYohEWjf0k9d4Ev2QUG\n7Yn0\r\n=zooq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDROFQx4WwwNu3iCdHtORCMDbZ34N03C8qU8otWhbE2nwIgc37icH4KrgVhH4maPMgwnh0bf9JdXcqPQG7+u7iitUo="}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.1.1-develop.2_1637614106754_0.12401278876561705"},"_hasShrinkwrap":false},"2.1.1-develop.3":{"name":"@carbonplan/charts","version":"2.1.1-develop.3","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"04ee54c37dd7e969f5e1d8fd6187d171353bce5d","_id":"@carbonplan/charts@2.1.1-develop.3","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-FTc6+tfU63RAjazJFo56bLNWfNcaQn8o4kRmoXLtLXX0ucQ7N12kS3pZBHjUUtpqvTAPXPKqb76Vr72TEd5d7g==","shasum":"8a2a4f3f4d8466122955bf355855b785044f4517","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.1.1-develop.3.tgz","fileCount":9,"unpackedSize":348095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnAvxCRA9TVsSAnZWagAA3mgP/A0BeIm0C0sKbYkhg68/\n1Wg70MAhlAhSCdfpimpW8HyX5mZXgSL0rTxARLTkPEbIAjMmiGfJ4YOfaGS4\npPfVx42LIffK/700nwzMF8BA+Df7zjVsePd6m/0eKLwted5SYN4QsoC5jgQQ\noA9zv2FUOPL9GXCfCe6jrtAIRkiE1ZmtDQKxyku1VOXFsXL8fsxmZ0ejAzbR\nxJ2urv09fvhlqo0GpYfZl4nJlU25zaNXtGOnEDT0+7nZE0HBA9qSRVdbXze4\nGgBScW6d95eMEipRiufFXiprjTcOUam1cXOn7m5lz2nb+KzkoacXNAjrwueD\nvtBmyft+iKPD3CZATsOFo2MaUrjQy+dynee5Adi6wolyZgJgzEGcECXYc9V+\nU4SPc2h5RrJ8W21s5llJktU+yYpr05sKEaAWyuj7p240E338YBacz/0kIn+X\nyQ5T6iSfArTiSd5bYxXv7zcBHNi+AJbLEF1ZUR/Sj4b4G5WV44sqD3MUaXRH\nFOgMOVA7rQTXNGh85u3iQCQ/kIJPjJhCWXren6uiR8z37vJ4e26qsD+poNM8\nRgFXxBzMMf/AXIGQ38V/G9Ty3CGG881AISzRLVMkwg1Bh06h9qrm2s4Kf70Y\nabk8QvVl55YxaGKuZZUQYoiegpEtrR68bcgZycwJJ/057GrNa88KOCNkwpjn\n7snP\r\n=JOhI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2s9a4Rr0vKRJKVk1s6omY57qtsh4AAIsCI7a6gzzSHAIhAK4BbPEMFckd3lkdiX3iTs7MSxFOL9bbKNTszgU+JlvG"}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.1.1-develop.3_1637616625190_0.5227525440423497"},"_hasShrinkwrap":false},"2.2.0":{"name":"@carbonplan/charts","version":"2.2.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"6d394c9c7d18f4d1916a942e677372f49ba22fd1","_id":"@carbonplan/charts@2.2.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-T/Yp7Ne32of+1kuZgOLeqAqKEoUP1l1l17FTW/NmONZVBczTW6+msfp7OGRV7//1JdhhxzHw4xq+ro4rwept7Q==","shasum":"037919a0545e343c21f9446e4e8e6720264e6b10","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.2.0.tgz","fileCount":9,"unpackedSize":347857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnSBCCRA9TVsSAnZWagAAMogP/iS4yNMo/N8EVT6In8H/\nntmQfnBUr2xsZMpqgq6N+cuE6Hdnaa/CtT6RRYNQgjCIz0sULlp3wHy8GtAI\nhBk7PB4L0EQosfaTfIzBQUZrueh629n5MwdJdicmRJ/SCOzP9KvJzhnq8ux3\nMTz7SH6it3Gs6iLDPvnOfaoOKuS1DPxfZRuEL5g77t414No+O1wiw39StFby\n3gt4KDEjub5e+pwLI2Amg8KMzzmqbd8J3xCHPZep2XotJ92mmXYsjuX65xsR\nlRUvrDW9hmYluxrjWv9fDk4cAyXgHAvXI7qHAyupmwiiYmXIPUXguAPZNr6+\nhcoaoaZqLRIOokkEk+aIUOm8vTTUFfUfWwQBY7U5X5VBdYtaAHTNZL/KPxyL\noKeLa16e9WHMcBFErv+1OVNgodq1iWWy5PCrqX5aIGHnqXSrybW7Z2o3qx1Z\nRS3iaitTSibL40Db2kH8KNgKgRXQWrna6wfBv8jwEShyaP2PgpxXuNqLxRs2\n5gUoZ3KGzalBkjpV3D0zhVjQMF5CSpEr8nRRGgIhOfiueVqfRuKO/6mEklNy\nRpqRgBhZAEwKaPtYevSvOBRkVAOWTfbJimeKDMk/DpvP/48q5GJpH8v7t0hG\niRyeZraFCmoOyKZW2UYUPQePYLiLJQObf60FaSlQm+tvGdkELc8rii8wTpjK\n/ZZ4\r\n=hjGi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIEgJfEBJKj6FKVIYwBt///fpuBHeM6R9oMAYPQLHDQwIhAMb3z9dJYH1FTNvMzt3w3vremEnL+WVxsI//3qD+IlAg"}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.2.0_1637687362483_0.9709066045395449"},"_hasShrinkwrap":false},"2.3.0":{"name":"@carbonplan/charts","version":"2.3.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"d269b7856c6f62d9da3f0860aadd7d27a4e3d84f","_id":"@carbonplan/charts@2.3.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-4Ie/WfK+W6hk66K0GOxFwBLaHjCUrqpqW6D6yrZBgRp0nWLvm1u6y/jYLnrGz/N//CdfiMaRrjIo0X2bbwhOxg==","shasum":"f5f261d7d4ee3bd924d798957ea835f5ec175ff7","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.3.0.tgz","fileCount":9,"unpackedSize":348169,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3wcqCRA9TVsSAnZWagAAAUgQAKCL2lgnzXMDO8vwVXWS\ngapSkxtHolIxZACxSH6/fV6v6MjXm9HPbWK0pm1LGhtiYNpnQzt+mN0fHzbI\nN/EmBAAG3ir6NtVgEYdGWabI0s2RxNIEEEdNFBp4j45q/Jn8B/4QRNCBeY7Y\ncNP6rs9BPGONd1dyGJ8I0fqi2neLj6TD4TyHiXDWgFl+ohLWGUxnX5nwFA9y\nyDBqbS+yPdtbVPMEexoOWTVLYXowFZ4tIgtPwYjSyLIIt+9WQNtm+g6TWmHg\ndU00YRVXlit4pGLzxSpY/UY4JhjA3uNO5awTS7dN/Heo0fBzQ2MwTExsJW+i\nDEwG46WZKaSx7spUVNn4D87x0jQXPY7eOX0vg48JrsW/vrijl+k/SoadLI34\neRi4i6G4kQ7CV1DNuaf/bvCYt2JPQxIUYp81t62LsdX+FfbumJa+gHia8yLs\n14Pp+Fz8wqi544F1fu1+B0+HnV9EUA9rQgiCulkOSJa7VwN73bbGP8/w513b\n95ztLsKpCcKzsPjaYZmQwPZc8jZnDgKgR2yrr4Ldcieg7FwVmDtUUvg7weVG\nBcNfXjOpvW+uiqEeyFbPKA5+djCuHd+zlHAp9/zaHxm3jBtZr53DPbZzF7tQ\nnf8gGINVkfrefHBDyknPq+7HzcBF8xoozKQjGmZird+PybgxaZQxI7bQWhrI\nx70w\r\n=lP95\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0nngoYwHv69hJ1mYHflz8013nxy2F9U5OduYdrZK9CQIgeb39cL1BHVqWnA5+RB3mBhWB0S3NWW6oiDLbesBbCJI="}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.3.0_1642006314775_0.31713500183073395"},"_hasShrinkwrap":false},"2.4.0":{"name":"@carbonplan/charts","version":"2.4.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"74ec3d3ae8678887ac339a695c787a7f22d87275","_id":"@carbonplan/charts@2.4.0","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-l/r3XC4kgU1errJB+rUEvWqjkkmioiX3wYOSKvPZN9HicE9e5tlhZrK2qNgLs1ht+RISBoZDS0QhD6rBcJJ6mA==","shasum":"c9de8b90036e3918a14d44e13b6a67f3ff857e3e","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.4.0.tgz","fileCount":9,"unpackedSize":348562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh38JxCRA9TVsSAnZWagAA0FEP/1vGBdzpT5lynoY0Wjrx\nETL2VkU1yfIzGnv0GO5/XRPNY9Ar45YdX6WF4Tr1gk2ueuSGKfDdAhI/VrL9\nhYPP/rF/HQBHYuV7iaUphvGzemzjhXhow0ZsnrXl33JDh2sO10bwaucMbIx7\nBbGFcH4B40Kl4o/TjfUtE9YwdWpCfpiEwNsIdRKSpawxHV7JclHzHGY+Dt4t\nOW+TEy0/gm8tWv2iR1LrbyhgORj34cRoW2iVkECutMSbiEVuzAzzBv6fLawm\neijLWmCrDzm7c+GBJsGPr+iGh+Ypc8ow0XDT04P5BwWIUod2tSXTe3nCm/+U\nbPs6cCYZot+zpShjxLiO5UC2znE43e39Pb3KUwu26p5IHTXkLkrZAOYnzbNf\nl/2iC16yNviymD7wLJkm7+D9XnckAc1QTEiawHSEmZXoiGt28k6rI7nJfzW4\naPJgZiEu233xSfmxjvGFOkChYlR3RqU+LEjhIbXPGzhzg0hdUJcja0Ls1p7L\nOkk++57rlvrop8qJk5M+hEX6YeAcx0VKRuP1J7WbopUPFEM5m2g9sO+l2pEu\n3wuO/Aa1q/2jfBTK8CRLCZW93GdpzA2isJDc02GNvqS+l0gwUOrVPhP71lrz\nw812JYvus2SAa4I8W1URVUkRihTXldsWi0NwNSDq2TaMKDUFZSjL+FL3zE5y\nx2qo\r\n=PBHg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVC8bdkaOopFtcawLh4Aki4C6nq0822zgpEOfRiLHGgAIhALhEkk+unm/CKpnplmuenGA4yT7OCUuL3YVbW1LMaXcM"}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.4.0_1642054257147_0.1096949147574271"},"_hasShrinkwrap":false},"2.5.0-develop.0":{"name":"@carbonplan/charts","version":"2.5.0-develop.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"74ec3d3ae8678887ac339a695c787a7f22d87275","_id":"@carbonplan/charts@2.5.0-develop.0","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-6rUjPA5Of+GcPT0GVNwU/SV4N+HyMjHJ47/EGd7R1c85CZedi84gwuCp8f40rPkrQNBH5DjZmcjZUIB6xb+mEw==","shasum":"720262ae078d512daed428af5bb5a1dcd2dcf447","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.5.0-develop.0.tgz","fileCount":9,"unpackedSize":354867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5b2jCRA9TVsSAnZWagAAK0wQAJyLqg/dyHHEr+EFLIQ5\nSMowiIVNtktBXvgkGEbg41LNN3DnST36Qm6uwW+Ebw3yDbnbRZ+wj/cVbpSn\nCJHQkzNiXRaL56hqsy74hr3beQ7r9g5DVXPMCssE+PLdTOTKWJlU1l/zu3Hd\noTUMqr5JH7jVVGBGfYNstp3GonkMDSCi206jdgbt5wwhj/+XuJBv53pBFeI8\nA7w+t70EXl48GJP+qbiQkqmCZk327ol+BWKrbto2d4EsrJo1z/a6SuWRWfA6\nh/wt5Eo6yS8yAh7/5Pff2sWP70OCRhjneyF8tpi+rp381d8NBu5YnfR0Bb7o\nBAmhWw7UEsckUn5pX8ZcFctaUYBu+1lkhy7GtZwUfZDfYFrZZWtkCnUuYXp0\n6gRWxEw2vpqBO3DbhJqIvcaT1cLUr4VskFcUD42UToekC0w1O5tUVS4y0w0d\nsquWE77fR8AybkAHdau0/FQVrX2vq1/cHTvCimvc2g0doncq+FEHUFQnrL5I\nmwXpjxQ267Vpnn/5IuUdu1o09AuPjQaZAfW2e2xIzlVAhaMRXQ0L30vhEKRW\nIRTBJem3/IQgNZIo1fyZhhneUltYB/0YWvsahllR63lXEBf8jGvVs4Ku1cYs\nbZK68OygSBRZOcVKfp6Uqx1S/O0IyVIPUx7xiotVAHIcF03n1AE17xysLzmT\nrRSH\r\n=wBuU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEOThwxB6VhJOgyHln4UMgMIQEt2pECd6YpCkpKUQBSuAiAKQ9xAU02dnaxfiN+pZ+9yBGRKsJLjJIPBUi+zisq8+w=="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.5.0-develop.0_1642446243486_0.7270213981198079"},"_hasShrinkwrap":false},"2.5.0-develop.1":{"name":"@carbonplan/charts","version":"2.5.0-develop.1","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"74ec3d3ae8678887ac339a695c787a7f22d87275","_id":"@carbonplan/charts@2.5.0-develop.1","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-BcuTJm7iw4r2CD/0n+rE39KSXo05raxfI2q4wFI0rn3COK5zbQ98BqGohrneY7Y5v69kx6WcGwSzzZIbiWhzmg==","shasum":"5ff58636e857be5b868b0d0a84433d4ed703f948","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.5.0-develop.1.tgz","fileCount":9,"unpackedSize":360695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5nWFCRA9TVsSAnZWagAAElwQAIyURUlshfUIwK/+m2/E\nCDtOU4QFsDTDEUFJnbuskDBvb720UiOn1HcSpp4ptZMirRl5FDwXc9Q4cDH2\nOtLztdUOSwRgTljWMHzGmL6WKDpo6ftb+HH8DvBAbijgQceLRlwEbqC+8J3A\nkazV04jSQMoEJSYBhmmHovtNCg/kC4RgtFmm88EpEARpWteH7AoSnI7Zb2h1\nI48SFTOUtgKv6cGBovl4lu/DosoAj6GNcJTuLOCPV4puyn1vtLAMWog7NEu0\n93ZaHjRMQuTWkJE/AoGBNfS2kvWd/V/jI7GKkZqP483fqmD4DfNBM1rANfGP\ndRkdglGye6ljlH7FevrNa4WkVfO4BnyM3/xsILZNBDJqFGyX6IncyPXCogvv\nHinJ0doMjlD4nyUusTBUURVTRg6ntSqNJQpWziwNC3d6OPgEU+6zNzChQe24\nrO54c39Hg4ON43Dq4nh9seB41d9DcD5Jej1wafdh8ImMYmBQet9z77EAn+jz\nMNDR/hU5AH9Dbj95CGsnk7RdbntRcvuKXA/3aySs+vQTxItW+oA4dGLRj9xg\noTjnOWInk61UC2DFlty1KTT/O0U7rR7f8xBQTZY35+AwnVfYdjzwwPBEBSzn\nPJpe9wrzrPz9X6+cqq0bvnJD8w9F3HmmljRJgsjKr2MIOX5Mva5kULE20Ct5\nqtT8\r\n=y6bn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5kD8nDzFyYSE3pqyQc+oKVSRTWdAjwQniz92UcmrhNQIgJMcg7X58IZHLr4/a3PYOayyKZIS4Gdvz578Zu1v/uvQ="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.5.0-develop.1_1642493317694_0.6086132541701494"},"_hasShrinkwrap":false},"2.5.0":{"name":"@carbonplan/charts","version":"2.5.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"@carbonplan/prettier":"1.1.0","microbundle":"^0.13.0","prettier":"2.2.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"f7d667db3de674f31d833860c355f8184be74f8d","_id":"@carbonplan/charts@2.5.0","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-T+4AvRe/8F3Wlajupf1empdzr9raNoYgDSNVBjE3lz7qxnFATExtYZLUwBOsUbH0/nncXC5nh53hFmKrUlz21Q==","shasum":"3c94c78933227393d384eb533319cbc67a9bc41a","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.5.0.tgz","fileCount":9,"unpackedSize":365651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ITTCRA9TVsSAnZWagAAm0oP/156UDB7jcozxGZfOJss\n72PH+OoVrVvIo7nRc27jN1OM4pyrH1EXziv//mZzm6DcUHGM+ukRX6VXw/xJ\ntFZAiboNRaiZnnX/iRA6DCe+Yr7+6w8fGClWO7rpV2iXOPQSWwEpAiVrCpnu\nBRFuQEM9PcaecD5c5tNiiubuFlsQvx8nON7BCGuMZmouxC9KtEK1GV0xqEHt\nyInGSqzYgGxI3kipczSzXIWV/5LsJunW/ojSGbzC3IwOF9Uk/yx5UMThH2xb\nmYXLZjiAhs4MvA49GZwlssbnSILaAJVQaAdM5BJKxEAZ3wXV0M0UUwmNHB/B\n+pAY3F/f2/xeu7x60NpIwCPTl9eI88qUvaKf9S4G1lPE6E0W20NBzcgV8Qxv\npd/nZIRqrKjyL9VJok4zHklTg12zYyD/MUiL9o1e0+f915PThtTjI9oyeYJF\nIWsa1R10XWL/96C3ohPjQglwb6zdt2qqK2DvHy9+Wv+GyX6sE/LEhjL2RYd0\nC+omCBcItcOp75CKRoIi1n8fToQtIexFX+kdqEQvQoaVeg10grFeZb+EFNSa\nlR0fGPLCkVi4e5OCpvCZ5FJHqLng8bZ+EXnRa9+ka2vEACTaJwy1Tg96LJKN\n/wf33g6qYL5yF6bCzlN6B7m8L44KT5Zx+YrEKQ04hX3+Ly26iJAtLUj0U2Co\n9n2M\r\n=0Vf7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7+PlYoQi+7oaQOV3BRCWMhy5Yd7+DwOoaf9RmZkEzkQIgc0y5pyow9u6V/LuAo1OkCMcXkKeRQczhDqGBo4N+wrg="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.5.0_1642890450996_0.5716388074574719"},"_hasShrinkwrap":false},"2.6.0-develop.0":{"name":"@carbonplan/charts","version":"2.6.0-develop.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"214e126c7b88936b955d00bf8cc6daedf5e70ac7","_id":"@carbonplan/charts@2.6.0-develop.0","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-31Avzxx0WPZk1qNfrNPSO4nO0xOciq0NXp49oscV8P89toYkpendnxf9GgVeC/xqM9IPe9BWLZ3MunS9ZGCy/w==","shasum":"bd31a069a678c8627c400bd7cf2774427d55b7fc","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.6.0-develop.0.tgz","fileCount":9,"unpackedSize":365014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9ufaCRA9TVsSAnZWagAAPy8QAIquw19Zl02GMBuOIanK\n3CoUnyBts6I8tFc6GTWcGJl4L2JeCyD1Bn/3I1jjCty6Pla0+bnbgHLjtjHo\n70bi/9wXPCSVUMxLpZIDl3xmIzpHI6rIRfhppm6ua3IQ6VNv+yFcbYSLeQ3D\nQymyxEiqBHnfoofgsbu9QiaURVgCzOykWvlLIdMU8Y3G1yqL1IGDA+GboNGX\nIj//ZA6mSqArm+jghusEtsjBuCKAzcF+RGuR1eYhfRY8KmihnLkTEtAau5Z6\nzeNj9OD7n2Eq8QcnfyPcLWL9UfzPFLqF8gGk07zZMGQe0Lzoa3CXTsjSsrF/\nUaFpLd9mzMaYUjP5lmauPt/zjST1eV7vwnb7TikEYgk4sSplOeNtiy67ZiIn\nCFyNAr2FgYkzXc7yMRAnX9vKC36f6cuogFi4XXxDVG+/Jmy3KnFmHjbIkXKE\nIaOHO6NdqNmuBJrh2eRn1MpbZlkdavyxbEtIeuJdrmiSyDe83c6tWA4yq+TA\n0XikH07nMi9JrXtiLpoBNLRu5GEjsxlcUJzggGVbih4dgjFTe99eLHT38QOK\nfS8aKJ+0ZTmjbzlHxZFafmbqMHkF4OhcHvHG/kiNzgwP+Rtm4X+0aQjk2bM6\nADWO52zK7YijbRuH8cCJ7i8S2oF6HQhFEAJj3QHbk117OgstPRfc9EXg531f\nH9mR\r\n=l1pG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjl6WXwdCspbKPRuWcC6LzIfuKG9dgh9/xxhAK+6c7GAIgZ+x+KLqgGYIJM12Foh6mop7vWotQF33VGaKH/vo2+LA="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.6.0-develop.0_1643571161907_0.586316460504275"},"_hasShrinkwrap":false},"2.6.0-develop.1":{"name":"@carbonplan/charts","version":"2.6.0-develop.1","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"edf30a6e2682cf79f97476477a6bd8a2f12af570","_id":"@carbonplan/charts@2.6.0-develop.1","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-l3tAu8NeYe9Xy4Sb/5HAGVIimiC25xDhde2g/sLraPGXdLzmy96GeKGshgJlu8uvQqq6A7Aesl0+9dkhIXvhCg==","shasum":"eaf83855e9da32220577aa3ccf01e7b9b1b42f87","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.6.0-develop.1.tgz","fileCount":9,"unpackedSize":367134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9yXBCRA9TVsSAnZWagAAh8IP/2teTO+v1SDf7FMz63Bk\nwWermYEAqLf1gbi+IwIjZco9PYk69Gg1/vdWfW1lQNDDlZoPn8ahwg2/vHCY\nhnJ/HJptg+fB2Z6YWQr19oJYjqJEpsOSkgKJgIPfd+c5sjmjTf1EsXsoA0g0\nUu0YZ7g0Ailq25iVEU7bPTKhwcp9kCplCq4lHoQuWJHtQEVZ5z5YXUPee+S9\nd98fFx986y+412ZauMsyZ2XBuPWAKldsSOJ0apPLMpFKW61wcRnG8zT+ce/e\nsqZ12LJOe4+4h+oHqx1GOZzVZc/r2Vn/O7hY72TPZDyN1WUBWlnFL+vuXBxD\nErVGUU9Y3XDWJ7Dc0MbvMFLc4UZ1ySqMjEgy525vgaZ3h2GeZozlI9y2bQzb\n6+QEZyGsN2tI6PeIAmSA6/KODGCNjs90ZJ0CqYPCgth1t1GHbSH+WiiROe33\nbloW7XrpDWt7QhoLy2domdFlWMgUIg77Rf7oNw0nBC676v1IU6V+wOVzxxWQ\nPaeRiqI/Y/rtJrYsjb+sm6/0hCcKqXKbbvNGPhh7Zr+bFNL7sjWwxDqhyCr9\njCrmajIlC+gGhPlIKpGBPAAqpYkxxI+hRs4y1ns1ShozHYEcYbSQzbi/JkAD\nL0kdSu2JK/Zh0fX8btv+4zn8QWNwjupHBO75zN5k1rx8u7/Dobx7GodQujj2\nPZkT\r\n=RKqD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQMYYNs6l6VKr5foqLW5k7YHoHVBL90UkbQevCRN6K3AIgOuEr0VqDdZnmGoNMZXmd8t38Jzqe2hRUE8fUzO/VGdI="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.6.0-develop.1_1643587009616_0.58593184500276"},"_hasShrinkwrap":false},"2.6.0-develop.2":{"name":"@carbonplan/charts","version":"2.6.0-develop.2","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"7e6a43fa8107706d4152550860f48924036187fb","_id":"@carbonplan/charts@2.6.0-develop.2","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-x47i66QaRI9fvmmlkqnbD6WmxWpPQ/Vs/9vhkL+qdLDArXdBxdxDuJNMsK8Yx91bRMHecV39gqC+3l0rh7LwTA==","shasum":"a30240ef84b63f5993ee37b29936bf8aff88c0a5","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.6.0-develop.2.tgz","fileCount":9,"unpackedSize":367134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9yaJCRA9TVsSAnZWagAALbUP/044nnrV0l9tQZE8GjiJ\nfbfghyMK0SxyKzYVv0Th/huuEocvtc1CZH0dZFpxW4EiDce06atJkPKEpeBU\ntNpnjxblpXOLK0mwL7Vo6yylzrKitges5WQjJSme0uuT2CVyl90iU+KQpQ4v\nJLbTaGzW6+pRR7Mr9DmgkWGhKC/8NEOX4zAMF0ejTrAgzoPY+NoOkRUvYr2a\nh5/iUQdSAp2LWWh8LDVVUaeOXWs2dmk7HBp6ROchNYlOH/Y0RuNp1LlSLVDc\n5MsgvlcRKOL6vKzNdjsz+wtlyHR/6gxLPNHMmiUlzR9zC/cjPGs6Ywf17iZT\niuDmph/smVi9NFQ2lclBCVtBtzGe9PxxurXBEfAtxyWj6r4T7SFJ9qLIQ/gG\neoQTs+F3UaxkV44ZDWdj+3GcAR5EmWrAORd0XjZ5iGxGRv6VYaOLQDRF0JQy\ny9f8bQstnRFB7JuqUM7ngj6xQzT1GUAaRxzLj8JSpQ4gqsJIz3cBWqL1+zRs\nqH0fzQWOVtS+2GOoQ/y3UuAI5akXwpSYputWWdZuXxn8pFmIHBudj1yJnF8z\noxX4zw+m1EZBQadjrGAKYzFsywVu4tSdaXTMQU0ZXr9WzLBLjI7UfAbGQDwu\nUpUtFnkESAomiMx6p9LEwzh6TG9kRyrxMh1uj91DB3VX8+nj0HSxH+pB79yw\nlCfU\r\n=sQBT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRwKHCkhfl9UcMX7VNoU3a1WWJzclIfXw5gHfdMckUOAIgC+LQF2Du1ALDQlD2zHcydIvceBz4hEojqA8Ok+4ggqU="}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.6.0-develop.2_1643587209681_0.2596504496443852"},"_hasShrinkwrap":false},"2.6.0":{"name":"@carbonplan/charts","version":"2.6.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"adcee435e0c55be7d7b6940d8ccf9381c41d5fb3","_id":"@carbonplan/charts@2.6.0","_nodeVersion":"16.11.0","_npmVersion":"8.0.0","dist":{"integrity":"sha512-0F4TU5F1f82YxEl24DslZ4VyAZAddAWTPJ3tz0ovG5YwIwFuXqYTVkYj7k2RBClR1AIyjGLSBUkitYcT5ecfrw==","shasum":"25d095ad968de129115c730b23d746f40d9a81d1","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.6.0.tgz","fileCount":9,"unpackedSize":367124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+AzzCRA9TVsSAnZWagAAPpgP/1tyXKmQGsu0+ul1R6yZ\nUgpdeQA7sTUDfY06UD1eEM1tdCuGmjvfeJq1n/zAp9aiGhrqryB482qx2IAM\nfHlNvjtj1Ls6/OqBHAWghqezYsEWNWEIBrHyIVGumLYSfsZq3grEmrFmC8wl\nsXyNJMeczx8+2rhWUft2wzX6YA0czhEwqlwCxETbkTlsjKYZA1R/Fn/P49fp\nE0RUh6rWGEK4/pgyYA3JHvw3d1aGYCJjOb4WpjwWpwQ8AQFsyx55jqT0E6al\nrWc1WpPVRnW8z2g14zDyiSHTTCrIcge+fb95es9QXXoO+BsCMeBvy0pRgrti\noRqYJUmmjXTNCSPx3i+dBwwvjMjfHMQnruBb1QzJ88UPccji/K/VhRJ+GwGd\ndVtJQZ+5ccSmvdw8H6GHGAKD8MOZ5HXNo/yPzf0sXnxJamL9gFccvuZgdvny\nONE9T4wi6nQ9lPF4YWDjO2WKPLAUFE/iF7pQo7FP9eyl/nGnpHL4jvFp5Asi\ntNgNOZCjNhtLht/nMgREonrOpF04O4mwfJjT5VQ1Ku1Bf0esClPjSrKbkUUo\n2wXFyUWlxaACmuM4D47cpKHN3fApK+NSXfcTMOjzZHZfXUKF6G92dnlglBLS\njJs84lqABHdVg1x8SGoGDiWlJt3YHSrlrkY/i8hpklRqEFDHQ5oa+2/w639h\ncaEJ\r\n=vIhV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClKw/qjQhOyENDiH/rWg0Jdg0WNZ896FuCbjWjVf8dfwIhALw/SQfMNzMBXxPo467c4Svb3GPFFz29XKmqgPGLfveF"}]},"_npmUser":{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.6.0_1643646195496_0.18589619423729076"},"_hasShrinkwrap":false},"2.7.0-develop.0":{"name":"@carbonplan/charts","version":"2.7.0-develop.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"5918104f0bd14180379f81bd4ad50507692f5a6b","_id":"@carbonplan/charts@2.7.0-develop.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-tIZVGDEUmAAgD3ShzvaZRH5zHaB/IzbXJxh6QY43163Qd5Y5tKDhpArgvFdcTS78VGz8SPZYSI6E77dKu9pJlg==","shasum":"7b651c50b0f564cdab077d1927fee5c8d83f1025","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.7.0-develop.0.tgz","fileCount":9,"unpackedSize":398363,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/a1aCRA9TVsSAnZWagAAV2EP/0k6vk4jgdkrIJ9z1SLE\n9gCJsPajjRQgSLAUO2kwRmnfcJTl3JjJYz3URUtCsEPuY2bTQpKHtGhC1odN\nkZUPQANktlK+O29B7zbUcUoLR/in5HnrbAuj05GVvzo7+nhbVH5ayYmiCN+i\n+Q3W199I2mY0DKFdMAcV53ocpxafdV7v9pG+Xo5tm15yEbR1jIpDxYzUEJwc\nasmtGnMnMKxfXqAoen/BaCKZbpgRS7BCwUJhtzzwMR0A1Y9pnCLHjgrrKwu0\nLNnPRriNu8CrTPdReOTjs+QeFqrEda3cUUhwI2a5X44MyTQVWNpqzZgC55PG\nxGvU8z9MQaFxNCW9tqpby2E2tw7LF5ioB6KNeNowgrVWZYUPMNrXKa0rzOgS\nt1c4yTkHShqbu7Sg/SmqzV5UutZ5ibNqwseWM/86vr/x79Qd63mPVH/UsAlw\nSByGt0V9fFTB7cr8Ch80zm7+Ft7ZGlJhA0Qn6YuZce4V7tzUOciRL30xskqz\nWYdbGJhPKFa9KE72FQADjgdHNmCChlY6xGUwDNnPF12RzqP9DNuzoI6X4Ypc\nyUbBjuwDMgYeDfw/dFnHZ0wWRNu4zDCTBx1yjD7P8HPe8s070huhm7AiZpDW\nzBSho+YmutV7oO+qiDgyARv9bi0HwY/CdxtOCjmQmjOWxMF4EhHrqQJwTO2W\nG/ag\r\n=CFIW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTQhhitftOhxNJ2dA8BALK79tN30b+hyOpzxXLageg+QIhAJjDQaDeMxu+gfQzmYS0yopgcCobaU23O5/GvAm3ylF2"}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.7.0-develop.0_1644014938405_0.3976497788027715"},"_hasShrinkwrap":false},"2.7.0":{"name":"@carbonplan/charts","version":"2.7.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"f7db2fcbb6e09d4260a70e1548fb249b3bc28b64","_id":"@carbonplan/charts@2.7.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-WHKiDcLmtJ8kRviGgEWHuKvSOtCzNE6kFRdgbzqf2kuetFCkBINh17muNd/kEUb1cyEf6n2mQR/v1YoDnj2Ptg==","shasum":"bc16a6d33aa22c964f7617da581c431f707f5427","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.7.0.tgz","fileCount":9,"unpackedSize":399986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAVZJCRA9TVsSAnZWagAAPb0P/2IJggjqvzcWrnY6RQuv\n8xh08DnVDnpQpOO0ohfSKk72yApoKM4Bi45lqx3O0uaCPP61lRDxFrZ3skhS\nCurNAA0+GEa08+awz6gQ8pTS3rvbVEo9Dv7U9WePzE0xuxMZHBa6TCsg4wiu\nKIRx3xsaGDcR88a2koBaQt/CM/fo7JaykUSyglIyBq5rQk/lpIC8GLb8JBeP\nNsElqp6DZCj18fu6KflXJq3XdOC/M5zVChU+AVLP/Xcnu8DI8DgBM2kLnrvk\nmIaxsYIvmYgtKLpFhMqorrPFuMwDXCK1xqOZ1BvREu4uPOFIGs5W2HW0Droz\n423oi3D647meWN39cdex5xmJxDLEWPOwZthPoZEqU6dPEjLgcJzyAiqXE92g\nNJ5xCApCSNQ4+g1qtcYJOqbJjK0XsWCcpIRd0Eqcf3b/iZRB3eCES1SrZyHi\nsMkDH1R3Y9FbUS+X57teORYhXGK0Gfc5mNClFl0MaRLg6SdqQ3ifJRS3mt2w\nfrLOkLzOr/+QNDzs/EySWSjJJpYaacH+1gHxFmDYQn3orpt/SlC/0VljEUQK\nAlSD0kjF3ZAFKviEcL3On4PzvxtVgPFzPT819GJSsiJEOQZjYDWyCTPOYu14\nRVHg5y7MwMzQpVr8S4ndjPmquxMtb+TDQOVeBRVWhd3eH25EBkvg3+xa9D0j\nSLXz\r\n=V9iv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH+c31ecFVyxcvUTTm9JBaXOOkQcoikM57WIFrG0TlhUAiAjd1JNXUVGOqYKecVlz2Miq8JbOu671QYDWm3sJInPew=="}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.7.0_1644254792848_0.2484103205775472"},"_hasShrinkwrap":false},"2.8.0-develop.0":{"name":"@carbonplan/charts","version":"2.8.0-develop.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":"^16.14.0 || ^17.0.2","react-dom":"^16.14.0 || ^17.0.2","theme-ui":">=0.10.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0","package-lock.json":"^1.0.0","package.json":"^2.0.1"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of carbon removal and climate solutions through open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/components/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"cf86c0c1fb2368e998737595d421b81eb7ef7b49","_id":"@carbonplan/charts@2.8.0-develop.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-cZGSY/9SR02qEeqevPNqWQHvpR67DZpHIMRg9zwdkiNNZ6WSXhgLfGaJt6BN+n/9g7+TbC6sXpT+7Lmnm3eKjg==","shasum":"ee9174b6ff6f8eb5f434a6f504fc58756d0c5f59","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-2.8.0-develop.0.tgz","fileCount":9,"unpackedSize":417355,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIXsWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzQhAAjIkYNE0nwIIHuozhiP+i6P8lhJRRyYKcu57hUfysIeXYKmzg\r\nrPTpYHIeYihYwBZ9sU0pDa6Mvr1XlybewS5uCgwpdcaaEYftHiGdKqqMUXFk\r\nExdkSRL+fI59IJfVl3pahkLd1RTOaX3QHQZ7jix+nICqjIKrIm+Ky2wMK2pm\r\n92kGr7DLqt3DI8iEEVJgp7XDT2COLNmi0050vhzkdf8xxNCupuSCLpXEi0In\r\nwX1KaF+sGAPvhqwys84Gr65Ep1LF7VT+28dkHfhJ4c/181ARGFnUqUisW7wx\r\nJJm0tafSsuOBumUhiz+AaqbnDTRMs+W5UCgPcMtwjelzdsuqMcJ1aYT4qevH\r\npCD4hUX4odAYLNQ0x1SeqBs+wmD7UZOxXw/rb2uhBWYC0l5Tty6cxj3rrVZg\r\n6YjHSipDlEb12Za6LHneznN20t+UBBeKtUFQp829Oel9e+vp7UGH9TLiOt7k\r\nuojh2kk6cUJKMlBLKEGje4nidvBkfY1nPHzrnnkwA8OePbqcwOh529Wx9Nqn\r\nge3aA5Nv3pKPU4uHh4bKiSxpdzrqVqqc9t8X9FEuKxgIIw9JDREB1R7DekaK\r\nL0na/lsm5soRB4vm/DYACmi47Z9V+rXeNW2xHxQE0QPp+HjKTSxmdl+fZurm\r\nN8096EjV4oW7ikjorb/bMUNyS1NwtmyihBY=\r\n=PhqP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE7AZRUnd/HhMD+FgkVQYOqyVensz8BncUaQGanU9q0AIhAI0bkx0kKwzX4U95qhBwKB+AwAP1nIRUxyKnnFh36JFn"}]},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_2.8.0-develop.0_1646361365916_0.5000615014698915"},"_hasShrinkwrap":false},"3.0.0-develop.0":{"name":"@carbonplan/charts","version":"3.0.0-develop.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":">=18","react-dom":">=18","theme-ui":">=0.15.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"readme":"<img\n  src='https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png'\n  height='48'\n/>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![GitHub][github-badge]][github]\n[![Build Status]][actions]\n![MIT License][]\n![NPM Version][]\n\n[github]: https://github.com/carbonplan/charts\n[github-badge]: https://badgen.net/badge/-/github?icon=github&label\n[build status]: https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg\n[actions]: https://github.com/carbonplan/components/actions/workflows/main.yml\n[mit license]: https://badgen.net/badge/license/MIT/blue\n[npm version]: https://badgen.net/npm/v/@carbonplan/charts\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/) licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a non-profit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of climate solutions with open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/charts/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md","gitHead":"2e94f0ad3e57a4e1f5d9e163634cdf6f4dc88eb7","_id":"@carbonplan/charts@3.0.0-develop.0","_nodeVersion":"18.7.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-zfEa/3sEHhLaUChCk/u06zM6n4Dk2uTjEgMrv3+5XGYmV4fMiIFznLFs07Mu8o1qbLalvtXdbZIxvzx7NMMdsw==","shasum":"f6fa20f68e83fa63a7d1bc32a9f17091a6bd9d21","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-3.0.0-develop.0.tgz","fileCount":9,"unpackedSize":418662,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGbWSaiMQrRIiA4DEn/O9ZJe5WYqLvZW+UR0R8oBkIdnAiEA/lbnGUFhgt3RB7ggivv21OcWX2tY8LhoyoWsLjA6wuY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWHlIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpw8A//eCpeXD5sH5FfcZ7cIhB8sXVstsOaV5ZgwUZXvVsag3iZd/pf\r\nITJ9ghaYdVQqakeJI/B4JX4AjyZSQaxpx9linyI0GoKDtMO/e25Y/fhPOtlV\r\neRqbmV+zJFak8Sp5ajeLWBOd+w/W7ck1ux9kFu6u63iQjkL9ppq5dBlkjHPo\r\nWHMIZFfh5hbiJ++SG/ZAWpqHU1WbKAizw9+D6eKgS/GBbfJMrhNpxjyhq6pP\r\n2tOS9rtaNdBSO0pN1aIdvRzGHBG8odiFY67+i48w/uPd+8mjj9WzlOH0efGo\r\nKmYo/l+cIjd41/8+hRkpI89ruHN8d+hzEhtvzBdsb0kfdGSXTKhHbkyFlfzD\r\nTuJSfhxm/RitkLVOug3kAy4eCNeRk3wVznVbSVHw6nRsOIgrwfRUypYWexuY\r\n3JwCIfguQOTw/KGo0atWJuD9W2Ds8miyyGlPiOJV06P30OZnz7SSCs+gg6dY\r\nfuq8VyCUVd6AX4czFxqzsvw6uG+5IuUVYks0BEAjrlGWcPhdN+ZiAYwJqrUy\r\npCP99C8VFxVVRDPzLxIlqKQ3HM38fqjMUvy6LcDlQj1nPfTmEUIQdlw14wfr\r\n4S29CtLMcrqsiuYwyuwV+7v0URVpxYiKbalxMvH86THIhsX8UWXuLQCa/Boq\r\nKgMuBJGUDm8XPbnEz5Bw5UkhZKdFYlTnMxI=\r\n=Z3mQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_3.0.0-develop.0_1666742600060_0.8255562484499626"},"_hasShrinkwrap":false},"3.0.0":{"name":"@carbonplan/charts","version":"3.0.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":">=18","react-dom":">=18","theme-ui":">=0.15.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"6a54f466393115335ae2bce65b0dc8f6b00a8bf9","_id":"@carbonplan/charts@3.0.0","_nodeVersion":"18.7.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-7l4Q2EaYHdekY0uGz2ZE5PS4WR79eTflDCA96CVmROpnQVyaAQETvcW/5lEk/0HcRBBUBgxVVcEZX4J8yIHESQ==","shasum":"440890fa6ca093caca05f701fe91d40102388da3","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-3.0.0.tgz","fileCount":9,"unpackedSize":418652,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHZPMFSidCXIFNVrzQcakwD55DB91DTAomVkJRaSsllGAiBOVjnJ56NOqpxJMcfUGOsdV+XzLGPh2hBT6vhTv9gc7w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjX/UIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWlg/8D6JdnH9pqH7Iz499V6p7KmWSmOACR2omjec1l1k581gyMw1L\r\nqaZaksPAfqIob4P0TJ//14XexXNmIVg2d1HONXbs4wewNd0Dr22blM60aIfK\r\nq9awHfRCOLU7nUvUQSDLT7VPKSh0V9KJqfpd/xCvCCjZDJUEadICexJVV6iP\r\ngUnDO2+Ytnxojy9YenQg6JH6s+LiCSM9JkjP/eBGju4HvuJMpt7t6Y43tIUW\r\nYp8Vaj5W9TZvXKd7MtxSZRHsfZdXfC6mS7yssLE20kB6dUG7NTJbky0Ty0Du\r\nk5yExh7ec4c9e855GTb5ASf5UZs1aMlQQc46oJnIfRKyE9wSlbrtRjNv1Cow\r\ntSRYYdH/NLEW/CYfV3fu3QW3IwDQa+GqBT6Sd50GCY0AnX4g6fOsMvqpqul0\r\n4dgMMnyHPCfLd5q8E2XVtvP4OmqEnGRZG5cXBfMXYeXnHL9/XhRu0THIziPE\r\nCae6fFz/3kh0tk3oK7sWQ5D6moPyMzV2M4/c1JFBlD4fjKwtRJuCxB1GOxlb\r\n9Qs6bwnTC1XS27u2Zi9uWnitSch02NaqCs/0jJclKggEvJnzjGOu/7U8ioMv\r\nmA5yb4jRwfIRVqz9QRrZAl0Mq37lvHdtYdSE1dQHOtbjCJEsp7EPexQ8ZZ93\r\nnjGoFEtHb+h88pyzbmz3zHMcEb/Q0R1di/U=\r\n=KGNq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"katamartin","email":"kata@carbonplan.org"},"directories":{},"maintainers":[{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"jhamman","email":"joe@carbonplan.org"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_3.0.0_1667233032628_0.602774009283096"},"_hasShrinkwrap":false},"3.1.0":{"name":"@carbonplan/charts","version":"3.1.0","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":">=18","react-dom":">=18","theme-ui":">=0.15.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"278fb6384a8be32dace03fc73d7bbda186dfa51b","_id":"@carbonplan/charts@3.1.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-RwCWg6oHXO9HRI1i+NQxAI8muCzxgOkj4Kln6ML93zHGCfPSCELtbOCehSRTtXK0P14YLurcHPLHH9Webj9Y8g==","shasum":"4cc55243382ba09bd54e8d553e8d1dd0b9ec4883","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-3.1.0.tgz","fileCount":9,"unpackedSize":428959,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUsUOji9Jei24hMv4v6WzxTE8lpc0HGhpwbBYCoF7TnwIgMkqcMB8iksT2wSTF3Uqym46WWyii7yIqIfrTS8PHUmQ="}]},"_npmUser":{"name":"shane98c","email":"shane98c@gmail.com"},"directories":{},"maintainers":[{"name":"shane98c","email":"shane98c@gmail.com"},{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_3.1.0_1705091650327_0.41170117788731964"},"_hasShrinkwrap":false},"3.1.1":{"name":"@carbonplan/charts","version":"3.1.1","description":"themeable reusable responsive web charts","main":"dst/index.js","module":"dst/index.esm.js","scripts":{"build":"rimraf dst && microbundle --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","watch":"microbundle watch src/index.js -o dst/index.js --no-compress --jsx React.createElement -f modern,es,cjs --jsxFragment React.Fragment","format":"prettier --write README.md 'src/**/*.js'"},"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"keywords":["carbonplan","charts","react","theme-ui"],"author":{"name":"freeman-lab"},"license":"MIT","bugs":{"url":"https://github.com/carbonplan/charts/issues"},"prettier":"@carbonplan/prettier","homepage":"https://github.com/carbonplan/charts#readme","peerDependencies":{"react":">=18","react-dom":">=18","theme-ui":">=0.15.0"},"devDependencies":{"@carbonplan/prettier":"^1.2.0","microbundle":"^0.13.0","prettier":"2.5.1","rimraf":"2.6.3"},"dependencies":{"d3-scale":"^3.3.0","d3-shape":"^2.1.0"},"gitHead":"aac6e26c3e1141b0489c16bf83287c086812da54","_id":"@carbonplan/charts@3.1.1","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/B/1EdQ43dWmSvRmOnFpOUqJXlM61EH1u0b3ixJzuonyaMokN1oDfkV1NpPQF2ZJkhW1NwUEBwTY/X2BKUs7rg==","shasum":"54c30f1af278808feb359649d7cbbacd0222e46f","tarball":"https://registry.npmjs.org/@carbonplan/charts/-/charts-3.1.1.tgz","fileCount":9,"unpackedSize":428088,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEc5vx1FDDcHRogS745LCgCVb2Mq2sgdKXsvpSdne2T0AiA6LK7++KhfnsVJNPKLVpjBmqN3Oh+mYo5wUu+g8NVuTA=="}]},"_npmUser":{"name":"shane98c","email":"shane98c@gmail.com"},"directories":{},"maintainers":[{"name":"shane98c","email":"shane98c@gmail.com"},{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"katamartin","email":"kata@carbonplan.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/charts_3.1.1_1710353412042_0.9732395178122453"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-16T17:40:09.082Z","1.0.0":"2021-05-16T17:40:09.594Z","modified":"2024-03-13T18:10:12.705Z","1.1.0":"2021-05-17T02:02:20.636Z","1.2.0":"2021-05-17T02:30:26.812Z","1.3.0":"2021-05-19T23:09:33.871Z","1.4.0":"2021-05-24T00:48:01.012Z","1.5.0":"2021-05-27T05:27:45.895Z","2.0.0":"2021-07-12T02:29:35.251Z","2.1.0":"2021-10-07T19:56:50.712Z","2.1.1":"2021-11-18T01:37:04.283Z","2.1.1-develop.0":"2021-11-19T19:16:46.539Z","2.1.1-develop.1":"2021-11-22T17:52:29.608Z","2.1.1-develop.2":"2021-11-22T20:48:26.930Z","2.1.1-develop.3":"2021-11-22T21:30:25.317Z","2.2.0":"2021-11-23T17:09:22.624Z","2.3.0":"2022-01-12T16:51:54.926Z","2.4.0":"2022-01-13T06:10:57.300Z","2.5.0-develop.0":"2022-01-17T19:04:03.619Z","2.5.0-develop.1":"2022-01-18T08:08:37.890Z","2.5.0":"2022-01-22T22:27:31.253Z","2.6.0-develop.0":"2022-01-30T19:32:42.095Z","2.6.0-develop.1":"2022-01-30T23:56:49.776Z","2.6.0-develop.2":"2022-01-31T00:00:09.850Z","2.6.0":"2022-01-31T16:23:15.646Z","2.7.0-develop.0":"2022-02-04T22:48:58.610Z","2.7.0":"2022-02-07T17:26:33.128Z","2.8.0-develop.0":"2022-03-04T02:36:06.039Z","3.0.0-develop.0":"2022-10-26T00:03:20.301Z","3.0.0":"2022-10-31T16:17:12.791Z","3.1.0":"2024-01-12T20:34:10.498Z","3.1.1":"2024-03-13T18:10:12.251Z"},"maintainers":[{"name":"shane98c","email":"shane98c@gmail.com"},{"name":"freeman-lab","email":"jeremy.freeman@mac.com"},{"name":"katamartin","email":"kata@carbonplan.org"}],"description":"themeable reusable responsive web charts","homepage":"https://github.com/carbonplan/charts#readme","keywords":["carbonplan","charts","react","theme-ui"],"repository":{"type":"git","url":"git+https://github.com/carbonplan/charts.git"},"author":{"name":"freeman-lab"},"bugs":{"url":"https://github.com/carbonplan/charts/issues"},"license":"MIT","readme":"<p align=\"left\" >\n<a href='https://carbonplan.org'>\n<picture>\n  <source media=\"(prefers-color-scheme: dark)\" srcset=\"https://carbonplan-assets.s3.amazonaws.com/monogram/light-small.png\">\n  <img alt=\"CarbonPlan monogram.\" height=\"48\" src=\"https://carbonplan-assets.s3.amazonaws.com/monogram/dark-small.png\">\n</picture>\n</a>\n</p>\n\n# carbonplan / charts\n\n**responsive reactive themeable charts**\n\n[![CI](https://github.com/carbonplan/charts/actions/workflows/main.yml/badge.svg)](https://github.com/carbonplan/charts/actions/workflows/main.yml)\n![GitHub deployments](https://img.shields.io/github/deployments/carbonplan/charts/production?label=vercel)\n![NPM Version](https://img.shields.io/npm/v/@carbonplan/charts)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n\nThere are _a lot_ of charting libraries for the web. Somehow, this one fills a niche that we think still exists. If nothing else, we find it useful, and will be using it ourselves! It's still super early in development, so expect lots of changes.\n\nWe're designing `@carbonplan/charts` with a few goals in mind:\n\n- built for modern `react` :arrow_upper_right:\n- fully responsive :left_right_arrow:\n- modular and composable :recycle:\n- easy to theme via `theme-ui` :sparkles:\n- plays great with `MDX` :tada:\n\nIt's also super light weight, depending only on `react` and `theme-ui` and some `d3` utility packages. If there's interest we could probably factor out the `theme-ui` dependency so it's optional.\n\n## background\n\nThis package is most directly inspired by [`pancake`](https://github.com/Rich-Harris/pancake), an experimental package build for `svelte`. The concept motivating `pancake` is that responsive charts that adapt fluidly to their containers without the need for redrawing can be built by carefully combining HTML for the chart and axes and SVG with `viewBox` for the graphical elements. It's like an SVG `sandwich` or `pancake`. Pick your favorite food metaphor. Rich Harris described the concept super clearly in [a blog post](https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp). Without knowing about `pancake`, we started doing almost _exactly_ the same thing a few months ago for our charts at CarbonPlan. There must be something to it.\n\nHowever, to our knowledge, none of the existing charting libraries for JS help streamline this pattern. And `pancake` is built for `svelte`, whereas we're mainly using `react`. That's how we got here.\n\nAlso worth mentioning that we've used `vega` and `vega-lite` and `d3` a lot. We love them, we're taking inspiration all over the place, and even using some `d3` utilities under the hood. Incredibly grateful to the developers of those tools.\n\n## usage\n\nHere's a super simple scatter chart just to give you the idea.\n\n```jsx\nimport {\n  Chart,\n  Grid,\n  Ticks,\n  TickLabels,\n  AxisLabel,\n  Plot,\n  Scatter,\n} from '@carbonplan/charts'\n\nconst ScatterChart = () => {\n  return (\n    <div style={{ width: '500px', height: '500px', padding: '64px' }}>\n      <Chart x={[0, 100]} y={[0, 100]}>\n        <Grid vertical horizontal />\n        <Ticks left bottom />\n        <TickLabels left bottom />\n        <AxisLabel left>Variable one</AxisLabel>\n        <AxisLabel bottom>Variable two</AxisLabel>\n        <Plot>\n          <Scatter\n            data={[\n              [10, 10],\n              [50, 50],\n              [90, 90],\n            ]}\n          />\n        </Plot>\n      </Chart>\n    </div>\n  )\n}\n```\n\nThis creates the following chart, shown with the `light` and `dark` themes of [`@carbonplan/theme`](https://github.com/carbonplan/theme).\n\n<img width=\"419\" alt=\"Screen Shot 2021-05-16 at 10 11 50 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406207-fed4a900-b62f-11eb-84a1-0f2b2d3311ef.png\">\n<img width=\"437\" alt=\"Screen Shot 2021-05-16 at 10 18 51 AM\" src=\"https://user-images.githubusercontent.com/3387500/118406265-2297ef00-b630-11eb-99d4-d7eb16a0211b.png\">\n\nMany more examples and documentation coming soon.\n\n## development\n\nTo update a component and publish a new version, first make your changes, then follow these steps\n\n- Increase the version number in `package.json`\n- `npm run build`\n- `npm publish`\n\n## license\n\nAll the code in this repository is [MIT](https://choosealicense.com/licenses/mit/)-licensed, but we request that you please provide attribution if reusing any of our digital content (graphics, logo, articles, etc.).\n\n## about us\n\nCarbonPlan is a nonprofit organization that uses data and science for climate action. We aim to improve the transparency and scientific integrity of climate solutions with open data and tools. Find out more at [carbonplan.org](https://carbonplan.org/) or get in touch by [opening an issue](https://github.com/carbonplan/charts/issues/new) or [sending us an email](mailto:hello@carbonplan.org).\n","readmeFilename":"README.md"}