{"_id":"@antonyjones87/charts","name":"@antonyjones87/charts","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@antonyjones87/charts","version":"0.1.0","description":"Data visualisation components for React projects","main":"./dist/bundle.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/bundle.js"}},"scripts":{"build":"webpack --config webpack.config.js"},"keywords":["react","ui","components","charts"],"author":{"name":"Antony Jones"},"license":"MIT","peerDependencies":{"@antonyjones87/core-components":"^0.1.0","react":"^17.0.2 || ^18.0.0","react-dom":"^17.0.2 || ^18.0.0","styled-components":"^5.3.3 || ^6.0.0"},"_id":"@antonyjones87/charts@0.1.0","gitHead":"318db2536980370c87802300a391e6b38b0d120e","_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-WM6Gy4UcbNSLZefc34H5SFoyXIZO6JafVPHdV+p+az6D5lsXxax46l3GxgP6Dz7ufkofSl/XNSHdU7clQ/ippg==","shasum":"b5702327f6a572ba2edcd55cd4c12adbb188291a","tarball":"https://registry.npmjs.org/@antonyjones87/charts/-/charts-0.1.0.tgz","fileCount":4,"unpackedSize":4082,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDqttYcREfUv8/W/dK5KgHMCcowXK/pfRAZOa+HA1K7ugIgaEHzeuWNrtshNsl9jRftXFot3+I5t5DG2jaKA+ZZu2s="}]},"_npmUser":{"name":"antonyjones87","email":"brotherjonesy@gmail.com"},"directories":{},"maintainers":[{"name":"antonyjones87","email":"brotherjonesy@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/charts_0.1.0_1780850547378_0.22704539892766817"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-07T16:42:27.269Z","0.1.0":"2026-06-07T16:42:27.518Z","modified":"2026-06-07T16:42:27.697Z"},"maintainers":[{"name":"antonyjones87","email":"brotherjonesy@gmail.com"}],"description":"Data visualisation components for React projects","keywords":["react","ui","components","charts"],"author":{"name":"Antony Jones"},"license":"MIT","readme":"![Logo](../../assets/logo-white-purple-background.svg)\r\n\r\n# packages / charts\r\n\r\nThe `charts` package offers a set of customisable chart components for visualising data in various formats, such as line charts, bar charts, and pie charts.\r\n\r\n[Explore other packages in the building-blocks monorepo](https://github.com/AntonyJones87/building-blocks)\r\n\r\n## Getting started\r\n\r\nTo get started with using the components from this package in your project, follow these steps:\r\n\r\n1. Install the `core-components` package from npm:\r\n\r\n    ```bash\r\n    npm install @antonyjones87/core-components\r\n    ```\r\n\r\n    It's important to note that `core-components` is a peer dependency of the `charts` package. This means that you'll need to install `core-components` separately in your project for the chart components to work correctly.\r\n    \r\n2. Install the `charts` package from npm:\r\n\r\n    ```bash\r\n    npm install @antonyjones87/charts\r\n    ```\r\n\r\n3. Import and use the components in your React application, ensuring they are wrapped within the `ThemeProvider` component from the `core-components` package:\r\n\r\n    ```jsx\r\n    import { ThemeProvider } from '@antonyjones87/core-components';\r\n    import { BarChart } from '@antonyjones87/charts';\r\n    \r\n    function App() {\r\n      return (\r\n        <ThemeProvider theme=\"light\">\r\n          <BarChart\r\n            data={[\r\n              { label: 'January', value: 10 },\r\n              { label: 'February', value: 20 },\r\n              { label: 'March', value: 15 },\r\n            ]}\r\n            xKey=\"label\"\r\n            yKey=\"value\"\r\n          />\r\n        </ThemeProvider>\r\n      );\r\n    }\r\n    ```\r\n","readmeFilename":"README.md","_rev":"1-af2a74a22ba8f157c9cbdbf42c999724"}