{"_id":"@aleksanderbodurri/ng-charts","_rev":"4-0af69f5e74772c9169a78232119f2740","name":"@aleksanderbodurri/ng-charts","dist-tags":{"latest":"22.0.3"},"versions":{"22.0.0":{"name":"@aleksanderbodurri/ng-charts","version":"22.0.0","license":"MIT","_id":"@aleksanderbodurri/ng-charts@22.0.0","maintainers":[{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"}],"dist":{"shasum":"b1343cf674dde033037e8aa5cdee0c312cc23ecb","tarball":"https://registry.npmjs.org/@aleksanderbodurri/ng-charts/-/ng-charts-22.0.0.tgz","fileCount":6,"integrity":"sha512-N+RLp7UBHAGmx2LEQh2nRV5DzIbIsHgpGICXNemgOTcZCtWaCzQ843pP3cIlzwh8dxz00WvgvVDvYrt14V+UlQ==","signatures":[{"sig":"MEQCIEBEDC716iqCDv5K1GMbND/G6QUqfXRSb0ljMXs5ptZnAiAC7NH4tYsoDFcac5tV1YUYRmUPCD+zNLmmzoxt8aQgnA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5840154},"type":"module","module":"fesm2022/aleksanderbodurri-ng-charts.mjs","exports":{".":{"types":"./types/aleksanderbodurri-ng-charts.d.ts","default":"./fesm2022/aleksanderbodurri-ng-charts.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"ab3e8c0f0ec43544b4c1d4f14882f28963954708","typings":"types/aleksanderbodurri-ng-charts.d.ts","_npmUser":{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"},"_npmVersion":"10.9.4","description":"A modern Angular charting library with standalone components, zoneless change detection, and signals throughout, ported from [recharts](https://github.com/recharts/recharts).","directories":{},"sideEffects":false,"_nodeVersion":"22.22.0","dependencies":{"clsx":"^2.1.1","tslib":"^2.3.0","reselect":"^5.2.0","es-toolkit":"^1.47.1","victory-vendor":"^37.3.6","decimal.js-light":"^2.5.1"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":">=19.0.0","@angular/core":">=19.0.0","@ngrx/signals":">=19.0.0","@angular/common":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-charts_22.0.0_1782508690839_0.9450132757527181","host":"s3://npm-registry-packages-npm-production"}},"22.0.1":{"name":"@aleksanderbodurri/ng-charts","version":"22.0.1","license":"MIT","_id":"@aleksanderbodurri/ng-charts@22.0.1","maintainers":[{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"}],"homepage":"https://github.com/AleksanderBodurri/ng-charts#readme","bugs":{"url":"https://github.com/AleksanderBodurri/ng-charts/issues"},"dist":{"shasum":"850bfbac39847a9147db2c22436ce2eff67664e4","tarball":"https://registry.npmjs.org/@aleksanderbodurri/ng-charts/-/ng-charts-22.0.1.tgz","fileCount":6,"integrity":"sha512-eLDuWrs3qVafT2QWj6QHAFlyOA4AEjSLtwliAsXynKcukURorgdoxW4Kxblm3Heuju1LlAdTXTR2SbnBGB44sQ==","signatures":[{"sig":"MEQCICODrRb+/QF6vN3Je9v8W6Y6TdwAnHam74jbR94JtX7EAiA5VAg8pYb65PreAqjtHNDSR1yagHg/8Cp2cPKTr3UuEw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5840419},"type":"module","module":"fesm2022/aleksanderbodurri-ng-charts.mjs","exports":{".":{"types":"./types/aleksanderbodurri-ng-charts.d.ts","default":"./fesm2022/aleksanderbodurri-ng-charts.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"035e31c441ce04e0b12b1b8af2feadcbfd10f536","typings":"types/aleksanderbodurri-ng-charts.d.ts","_npmUser":{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"},"repository":{"url":"git+https://github.com/AleksanderBodurri/ng-charts.git","type":"git"},"_npmVersion":"10.9.4","description":"A modern Angular charting library with standalone components, zoneless change detection, and signals throughout, ported from [recharts](https://github.com/recharts/recharts).","directories":{},"sideEffects":false,"_nodeVersion":"22.22.0","dependencies":{"clsx":"^2.1.1","tslib":"^2.3.0","reselect":"^5.2.0","es-toolkit":"^1.47.1","victory-vendor":"^37.3.6","decimal.js-light":"^2.5.1"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":">=19.0.0","@angular/core":">=19.0.0","@ngrx/signals":">=19.0.0","@angular/common":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-charts_22.0.1_1782510827687_0.9359504906423624","host":"s3://npm-registry-packages-npm-production"}},"22.0.2":{"name":"@aleksanderbodurri/ng-charts","version":"22.0.2","license":"MIT","_id":"@aleksanderbodurri/ng-charts@22.0.2","maintainers":[{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"}],"homepage":"https://github.com/AleksanderBodurri/ng-charts#readme","bugs":{"url":"https://github.com/AleksanderBodurri/ng-charts/issues"},"dist":{"shasum":"259e8aafa33492f3c00954e103d9c9e063954ade","tarball":"https://registry.npmjs.org/@aleksanderbodurri/ng-charts/-/ng-charts-22.0.2.tgz","fileCount":6,"integrity":"sha512-kbsElVgDzXNgkn+S0Yn0n3raPsRuaeIOfCfwpMljIZee5VSGMGxjlNbqwKgG8MBhiQBrfTOqvmPmbal3ym8b6w==","signatures":[{"sig":"MEQCIEmTEmVyJfPwEAIZT0kTfXBQkP/FVNwPxaZkBCbnUUVkAiBB6k4a/eocK/wGjGhfm0WQByHmCRSAr049A08lodfPGA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5840507},"type":"module","module":"fesm2022/aleksanderbodurri-ng-charts.mjs","exports":{".":{"types":"./types/aleksanderbodurri-ng-charts.d.ts","default":"./fesm2022/aleksanderbodurri-ng-charts.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"48e491888052ba1b2ba2ed2c01f0ec48e071360c","typings":"types/aleksanderbodurri-ng-charts.d.ts","_npmUser":{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"},"repository":{"url":"git+https://github.com/AleksanderBodurri/ng-charts.git","type":"git"},"_npmVersion":"10.9.4","description":"A [reangular](https://github.com/aleksanderbodurri/reangular) port of [recharts](https://github.com/recharts/recharts).","directories":{},"sideEffects":false,"_nodeVersion":"22.22.0","dependencies":{"clsx":"^2.1.1","tslib":"^2.3.0","reselect":"^5.2.0","es-toolkit":"^1.47.1","victory-vendor":"^37.3.6","decimal.js-light":"^2.5.1"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":">=19.0.0","@angular/core":">=19.0.0","@ngrx/signals":">=19.0.0","@angular/common":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-charts_22.0.2_1782674265304_0.9235051308369402","host":"s3://npm-registry-packages-npm-production"}},"22.0.3":{"name":"@aleksanderbodurri/ng-charts","version":"22.0.3","license":"MIT","repository":{"type":"git","url":"git+https://github.com/AleksanderBodurri/ng-charts.git"},"bugs":{"url":"https://github.com/AleksanderBodurri/ng-charts/issues"},"homepage":"https://github.com/AleksanderBodurri/ng-charts#readme","peerDependencies":{"@angular/common":">=19.0.0","@angular/core":">=19.0.0","@angular/cdk":">=19.0.0","@ngrx/signals":">=19.0.0"},"dependencies":{"clsx":"^2.1.1","decimal.js-light":"^2.5.1","es-toolkit":"^1.47.1","reselect":"^5.2.0","tslib":"^2.3.0","victory-vendor":"^37.3.6"},"sideEffects":false,"module":"fesm2022/aleksanderbodurri-ng-charts.mjs","typings":"types/aleksanderbodurri-ng-charts.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/aleksanderbodurri-ng-charts.d.ts","default":"./fesm2022/aleksanderbodurri-ng-charts.mjs"}},"type":"module","_id":"@aleksanderbodurri/ng-charts@22.0.3","gitHead":"ba0738e058b96d91f61642f2fdc0cc765dc3a97c","description":"A [reangular](https://github.com/aleksanderbodurri/reangular) port of [recharts](https://github.com/recharts/recharts).","_nodeVersion":"22.22.3","_npmVersion":"10.9.8","dist":{"integrity":"sha512-yxwJOeJLPExrWeDpRZNytYEt3HvKUS5+QcoyeoAiWtHIlahwR+7fHnrs8hUe6dtQ/M7y+8zWqzldLnmd/x9dnw==","shasum":"ca1339e7cec4fa667b06ceb8c4a93c0e20a955cb","tarball":"https://registry.npmjs.org/@aleksanderbodurri/ng-charts/-/ng-charts-22.0.3.tgz","fileCount":6,"unpackedSize":5840507,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDrwh9daA1M8lMaaOHXiWKFwyMtkrxoqSayfzzHTCqHWAIgGS8C/vNNtJUJ0KfnDIsdvb3yI2Qm/9vTyoJIfYW7x28="}]},"_npmUser":{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"},"directories":{},"maintainers":[{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ng-charts_22.0.3_1783978682607_0.9134581399040551"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-26T21:18:10.715Z","modified":"2026-07-13T21:38:02.979Z","22.0.0":"2026-06-26T21:18:11.041Z","22.0.1":"2026-06-26T21:53:47.871Z","22.0.2":"2026-06-28T19:17:45.511Z","22.0.3":"2026-07-13T21:38:02.859Z"},"bugs":{"url":"https://github.com/AleksanderBodurri/ng-charts/issues"},"license":"MIT","homepage":"https://github.com/AleksanderBodurri/ng-charts#readme","repository":{"type":"git","url":"git+https://github.com/AleksanderBodurri/ng-charts.git"},"description":"A [reangular](https://github.com/aleksanderbodurri/reangular) port of [recharts](https://github.com/recharts/recharts).","maintainers":[{"name":"aleksanderbodurri","email":"alexbodurri1117@gmail.com"}],"readme":"# ng-charts\n\nA [reangular](https://github.com/aleksanderbodurri/reangular) port of [recharts](https://github.com/recharts/recharts). \n\nBuilt with idiomatic modern Angular (Signals, Zoneless, Standalone Components/Directives)\n\n## Installation\n\n```bash\nnpm install @aleksanderbodurri/ng-charts @ngrx/signals @angular/cdk\n```\n\nThe package expects Angular 19 or newer. Angular apps already include `@angular/core` and `@angular/common`; install `@ngrx/signals` and `@angular/cdk` alongside ng-charts.\n\n## Quickstart\n\n```ts\nimport { Component } from '@angular/core';\nimport { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from '@aleksanderbodurri/ng-charts';\n\nconst data = [\n  { name: 'Jan', uv: 400, pv: 240 },\n  { name: 'Feb', uv: 300, pv: 139 },\n  { name: 'Mar', uv: 600, pv: 380 },\n  { name: 'Apr', uv: 800, pv: 430 },\n  { name: 'May', uv: 500, pv: 250 },\n];\n\n@Component({\n  selector: 'app-my-line-chart',\n  imports: [LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend],\n  template: `\n    <ngc-line-chart [data]=\"data\" [width]=\"640\" [height]=\"320\">\n      <svg:g ngc-cartesian-grid strokeDasharray=\"3 3\" />\n      <svg:g ngc-x-axis dataKey=\"name\" />\n      <svg:g ngc-y-axis />\n      <svg:g ngc-tooltip />\n      <svg:g ngc-legend />\n      <svg:g ngc-line dataKey=\"uv\" stroke=\"#8884d8\" [strokeWidth]=\"2\" />\n      <svg:g ngc-line dataKey=\"pv\" stroke=\"#82ca9d\" [strokeWidth]=\"2\" />\n    </ngc-line-chart>\n  `\n})\nexport class MyLineChartComponent {\n  protected readonly data = data;\n}\n```\n\n## Origin\n\nThis library is a [reangular](https://github.com/aleksanderbodurri/reangular) port of [recharts](https://github.com/recharts/recharts), the composable charting library built on React components. ng-charts mirrors recharts' public API (charts, cartesian/polar graphical items, components, shapes, hooks, and utilities) in idiomatic modern Angular.\n\n## Built with reangular\n\nThis library was generated using the [reangular](https://github.com/aleksanderbodurri/reangular) skill, which is an automated React-to-Angular conversion harness for coding agents.\n\n## State management\n\nrecharts v3 is built on a Redux Toolkit store. This port migrates that state layer to [`@ngrx/signals`](https://ngrx.io/guide/signals): each recharts slice becomes a `signalStore`, each `reselect` selector becomes a computed signal, and the redux middlewares become store methods / effects.\n\n## Development\n\n```bash\nnpm install\nnpx ng build ng-charts   # build the library\nnpx ng serve demo        # run the interactive demo at http://localhost:4200\n```\n\n## Original contributors\n\nAll credit for the original design and implementation belongs to the [recharts](https://github.com/recharts/recharts) team and its contributors. The recharts checkout used for this port is a shallow clone (truncated git history), so this list was fetched from the GitHub [contributors API](https://api.github.com/repos/recharts/recharts/contributors) (see the [full contributor list](https://github.com/recharts/recharts/graphs/contributors) for everyone involved):\n\nxile611, PavelVanecek, ckifer, arcthur, sainthkh, proke03, Yilun-Sun, huxiaoyun, HHongSeungWoo, evilucifero, jasonHzq, billneff79, techniq, avindra, akamfoad, marcalexiei, julianna-langston, cloud-walker, paulmelnikow, kamthamc, nikolasrieble, andrewangelle, imagineLife, jochenberger, and [many more](https://github.com/recharts/recharts/graphs/contributors).\n\n## License\n\nMIT, which is the same as the upstream recharts project. ng-charts is a derivative work of recharts; the upstream [LICENSE](https://github.com/recharts/recharts/blob/main/LICENSE) (MIT, © Recharts Group) is preserved.\n","readmeFilename":"README.md"}