{"_id":"@avi99/rn-charts","name":"@avi99/rn-charts","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@avi99/rn-charts","version":"0.1.0","description":"react native chart library","main":"./lib/module/index.js","types":"./lib/typescript/src/index.d.ts","exports":{".":{"source":"./src/index.tsx","types":"./lib/typescript/src/index.d.ts","default":"./lib/module/index.js"},"./package.json":"./package.json"},"scripts":{"example":"yarn workspace @avi99/rn-charts-example","test":"jest","typecheck":"tsc","lint":"eslint \"**/*.{js,ts,tsx}\"","clean":"del-cli lib","prepare":"bob build","release":"release-it --only-version"},"keywords":["react-native","ios","android"],"repository":{"type":"git","url":"git+https://github.com/Avishka-99/avi99-rn-charts.git"},"author":{"name":"Avishka Prabhath","email":"avishkaprabha360@gmail.com","url":"https://github.com/Avishka-99"},"license":"MIT","bugs":{"url":"https://github.com/Avishka-99/avi99-rn-charts/issues"},"homepage":"https://github.com/Avishka-99/avi99-rn-charts#readme","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"devDependencies":{"@commitlint/config-conventional":"^19.8.1","@eslint/compat":"^1.3.2","@eslint/eslintrc":"^3.3.1","@eslint/js":"^9.35.0","@evilmartians/lefthook":"^1.12.3","@react-native/babel-preset":"0.81.1","@react-native/eslint-config":"^0.81.1","@release-it/conventional-changelog":"^10.0.1","@types/jest":"^29.5.14","@types/react":"^19.1.12","commitlint":"^19.8.1","del-cli":"^6.0.0","eslint":"^9.35.0","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","jest":"^29.7.0","prettier":"^3.6.2","react":"19.1.0","react-native":"0.81.5","react-native-builder-bob":"^0.40.13","release-it":"^19.0.4","typescript":"^5.9.2"},"peerDependencies":{"react":"19.1.0","react-native":"0.81.5"},"workspaces":["example"],"packageManager":"yarn@3.6.1","jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"commitMessage":"chore: release ${version}","tagName":"v${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":{"name":"angular"}}}},"prettier":{"quoteProps":"consistent","singleQuote":true,"tabWidth":2,"trailingComma":"es5","useTabs":false},"react-native-builder-bob":{"source":"src","output":"lib","targets":[["module",{"esm":true}],["typescript",{"project":"tsconfig.build.json"}]]},"create-react-native-library":{"languages":"js","type":"library","version":"0.54.2"},"dependencies":{"react-native-svg":"^15.13.0"},"_id":"@avi99/rn-charts@0.1.0","gitHead":"daa44dc49af508c40dd40ad895c839d50a6c8cb9","_nodeVersion":"20.19.6","_npmVersion":"10.8.2","dist":{"integrity":"sha512-I1zYgWoejpF8JWB/bVpVTo6iiY9FudA3/Q4Z9EQHq4WjQFlG9TJiLNECymve59wFTe2J4kBawMHpxBk20fdW+A==","shasum":"8b7948e99f7d45e45c624feb65c82b39df2b748f","tarball":"https://registry.npmjs.org/@avi99/rn-charts/-/rn-charts-0.1.0.tgz","fileCount":79,"unpackedSize":176386,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGS7zH0tuAJDyGaZPVTfCVXe4SxWfUGTibZRbb0FdPO6AiAK1cDhmh0p+VFLdTT1HvM3D0eCxcJ38jaPGY9ooBPxww=="}]},"_npmUser":{"name":"avi99","email":"avishkaprabha360@gmail.com"},"directories":{},"maintainers":[{"name":"avi99","email":"avishkaprabha360@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rn-charts_0.1.0_1765112457755_0.40943066132611583"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-07T13:00:57.548Z","0.1.0":"2025-12-07T13:00:57.892Z","modified":"2025-12-07T13:00:58.171Z"},"maintainers":[{"name":"avi99","email":"avishkaprabha360@gmail.com"}],"description":"react native chart library","homepage":"https://github.com/Avishka-99/avi99-rn-charts#readme","keywords":["react-native","ios","android"],"repository":{"type":"git","url":"git+https://github.com/Avishka-99/avi99-rn-charts.git"},"author":{"name":"Avishka Prabhath","email":"avishkaprabha360@gmail.com","url":"https://github.com/Avishka-99"},"bugs":{"url":"https://github.com/Avishka-99/avi99-rn-charts/issues"},"license":"MIT","readme":"# @avi99/rn-charts\n\nreact native chart library\n\n## Installation\n\n\n```sh\nnpm install @avi99/rn-charts\n```\n\n\n## Usage\n\n\n```ts\nimport { LineChart, type LineChartProps } from '@avi99/rn-charts';\n\nconst lineChartData: LineChartProps = {\n    title: \"Profit/Loss (Thousands)\",\n    data : [\n      {\n        name: \"Kandy\",\n        points: [\n          { label: 'January', value: 0 },\n          { label: 'February', value: 10 },\n          { label: 'March', value: 40 },\n          { label: 'April', value: 30 },\n          { label: 'May', value: -40 },\n          { label: 'June', value: 60 },\n          { label: 'July', value: 100 },\n          { label: 'August', value: 98 },\n          { label: 'September', value: 130 },\n          { label: 'October', value: 13 },\n          { label: 'November', value: 160 },\n          { label: 'December', value: 160 }\n        ]\n      },\n      {\n        name: \"Gampaha\",\n        points: [\n          { label: 'January', value:120 },\n          { label: 'February', value: 150 },\n          { label: 'March', value: 140 },\n          { label: 'April', value: 70 },\n          { label: 'May', value: -90 },\n          { label: 'June', value: 60 },\n          { label: 'July', value: 110 },\n          { label: 'August', value: 45 },\n          { label: 'September', value: 546 },\n          { label: 'October', value: 13 },\n          { label: 'November', value: 160 },\n          { label: 'December', value: 160 }\n        ]\n      }\n    ]\n  };\n\n<LineChart {...lineChartData} />\n\n\n```\n# 4.Components\n\n## Line Chart\n```ts\nimport { LineChart, type LineChartProps } from '@avi99/rn-charts';\n\nconst lineChartData: LineChartProps = {\n    title: \"Profit/Loss (Thousands)\",\n    data : [\n      {\n        name: \"Kandy\",\n        points: [\n          { label: 'January', value: 0 },\n          { label: 'February', value: 10 },\n          { label: 'March', value: 40 },\n          { label: 'April', value: 30 },\n          { label: 'May', value: -40 },\n          { label: 'June', value: 60 },\n          { label: 'July', value: 100 },\n          { label: 'August', value: 98 },\n          { label: 'September', value: 130 },\n          { label: 'October', value: 13 },\n          { label: 'November', value: 160 },\n          { label: 'December', value: 160 }\n        ]\n      },\n      {\n        name: \"Gampaha\",\n        points: [\n          { label: 'January', value:120 },\n          { label: 'February', value: 150 },\n          { label: 'March', value: 140 },\n          { label: 'April', value: 70 },\n          { label: 'May', value: -90 },\n          { label: 'June', value: 60 },\n          { label: 'July', value: 110 },\n          { label: 'August', value: 45 },\n          { label: 'September', value: 546 },\n          { label: 'October', value: 13 },\n          { label: 'November', value: 160 },\n          { label: 'December', value: 160 }\n        ]\n      }\n    ]\n  };\n\n<LineChart {...lineChartData} />\n\n\n```\n\n## Bar Chart\n```ts\nimport { BarChart, type BarChartProps } from '@avi99/rn-charts';\n\nconst barChartData: BarChartProps = {\n    title: \"Car Sales (June 2025)\",\n    data: [\n      { label: 'Kandy', value: 147 },\n      { label: 'Galle', value: 346 },\n      { label: 'Colombo', value: 440 },\n      { label: 'Matara', value: 399 },\n      { label: 'Hambantota', value: 500 },\n      { label: 'Nuwara Eliya', value: 60 },\n      { label: 'Anuradhapura', value: 100 },\n      { label: 'Jaffna', value: 98 },\n      { label: 'Trincomalee', value: 600 },\n      { label: 'Batticaloa', value: 253 },\n      { label: 'Polonnaruwa', value: 160 },\n      { label: 'Vavuniya', value: 100 },\n      { label: 'Mannar', value: 98 },\n      { label: 'Mulathivu', value: 130 },\n      { label: 'Kilinochchi', value: 245 },\n      { label: 'Ampara', value: 160 }\n    ],\n  };\n\n\n<BarChart {...barChartData} />\n```\n## Nightingale Chart\n```ts\nimport { NightingaleChart, type PieChartProps } from '@avi99/rn-charts';\n\nconst nightingaleChartData: PieChartProps = {\n    title: \"Car Sales (June 2025)\",\n    data: [\n      { label: 'Kandy', value: 147 },\n      { label: 'Galle', value: 346 },\n      { label: 'Colombo', value: 440 },\n      { label: 'Matara', value: 399 },\n      { label: 'Hambantota', value: 500 },\n      { label: 'Nuwara Eliya', value: 60 },\n      { label: 'Anuradhapura', value: 100 },\n      { label: 'Jaffna', value: 98 },\n      { label: 'Trincomalee', value: 600 },\n      { label: 'Batticaloa', value: 253 },\n      { label: 'Polonnaruwa', value: 160 },\n      { label: 'Vavuniya', value: 100 },\n      { label: 'Mannar', value: 98 },\n      { label: 'Mulathivu', value: 130 },\n      { label: 'Kilinochchi', value: 245 },\n      { label: 'Ampara', value: 160 }\n    ],\n  };\n\n\n<NightingaleChart {...nightingaleChartData} />\n```\n## Pie Chart\n```ts\nimport { PieChart, type PieChartProps } from '@avi99/rn-charts';\n\nconst pieChartData: PieChartProps = {\n    title: \"Car Sales (June 2025)\",\n    data: [\n      { label: 'Kandy', value: 147 },\n      { label: 'Galle', value: 346 },\n      { label: 'Colombo', value: 440 },\n      { label: 'Matara', value: 399 },\n      { label: 'Hambantota', value: 500 },\n      { label: 'Nuwara Eliya', value: 60 },\n      { label: 'Anuradhapura', value: 100 },\n      { label: 'Jaffna', value: 98 },\n      { label: 'Trincomalee', value: 600 },\n      { label: 'Batticaloa', value: 253 },\n      { label: 'Polonnaruwa', value: 160 },\n      { label: 'Vavuniya', value: 100 },\n      { label: 'Mannar', value: 98 },\n      { label: 'Mulathivu', value: 130 },\n      { label: 'Kilinochchi', value: 245 },\n      { label: 'Ampara', value: 160 }\n    ],\n  };\n\n\n<PieChart {...pieChartData} />\n```\n## Population Chart\n```ts\nimport { PopulationChart, type PopulationChartProps } from '@avi99/rn-charts';\n\nconst populationData: PopulationChartProps = {\n    chartTitle: \"Population Distribution by Age - 2025\",\n    leftLabel: \"Male Population\",\n    rightLabel: \"Female Population\",\n    data: [\n      { category: \"0-9\", leftValue: 4200, rightValue: 4000 },\n      { category: \"10-19\", leftValue: 3900, rightValue: 4100 },\n      { category: \"20-29\", leftValue: 4500, rightValue: 4500 },\n      { category: \"30-39\", leftValue: 4300, rightValue: 4400 },\n      { category: \"40-49\", leftValue: 3800, rightValue: 4000 },\n      { category: \"50-59\", leftValue: 3100, rightValue: 3300 },\n      { category: \"60-69\", leftValue: 2500, rightValue: 2700 },\n      { category: \"70-79\", leftValue: 1800, rightValue: 2000 },\n      { category: \"80+\", leftValue: 900, rightValue: 1200 },\n    ],\n  };\n\n\n<PopulationChart {...populationData} />\n```\n## Column Chart\n```ts\nimport { ColumnChart, type BarChartProps } from '@avi99/rn-charts';\n\nconst columnChartData: BarChartProps = {\n    title: \"Car Sales (June 2025)\",\n    data: [\n      { label: 'Kandy', value: 147 },\n      { label: 'Galle', value: 346 },\n      { label: 'Colombo', value: 440 },\n      { label: 'Matara', value: 399 },\n      { label: 'Hambantota', value: 500 },\n      { label: 'Nuwara Eliya', value: 60 },\n      { label: 'Anuradhapura', value: 100 },\n      { label: 'Jaffna', value: 98 },\n      { label: 'Trincomalee', value: 600 },\n      { label: 'Batticaloa', value: 253 },\n      { label: 'Polonnaruwa', value: 160 },\n      { label: 'Vavuniya', value: 100 },\n      { label: 'Mannar', value: 98 },\n      { label: 'Mulathivu', value: 130 },\n      { label: 'Kilinochchi', value: 245 },\n      { label: 'Ampara', value: 160 }\n    ],\n  };\n\n\n<ColumnChart {...columnChartData} />\n```\n## Circular Bar Chart\n```ts\nimport { CircularBarChart, type BarChartProps } from '@avi99/rn-charts';\n\nconst circularChartData: BarChartProps = {\n    title: \"Car Sales (June 2025)\",\n    data: [\n      { label: 'Kandy', value: 147 },\n      { label: 'Galle', value: 346 },\n      { label: 'Colombo', value: 440 },\n      { label: 'Matara', value: 399 },\n      { label: 'Hambantota', value: 500 },\n      { label: 'Nuwara Eliya', value: 60 },\n      { label: 'Anuradhapura', value: 100 },\n      { label: 'Jaffna', value: 98 },\n      { label: 'Trincomalee', value: 600 },\n      { label: 'Batticaloa', value: 253 },\n      { label: 'Polonnaruwa', value: 160 },\n      { label: 'Vavuniya', value: 100 },\n      { label: 'Mannar', value: 98 },\n      { label: 'Mulathivu', value: 130 },\n      { label: 'Kilinochchi', value: 245 },\n      { label: 'Ampara', value: 160 }\n    ],\n  };\n\n\n<CircularBarChart {...circularChartData} />\n```\n## Slope Chart\n```ts\nimport { SlopeChart, type SlopeChartProps } from '@avi99/rn-charts';\n\nconst slopeChartData: SlopeChartProps = {\n    title: \"Sales Comparison\",\n    label_1: \"2020 Sales\",\n    label_2: \"2024 Sales\",\n    values: [\n      {\n        y1: 120, y2: 180, label: 'Honda civic' },\n      { y1: 200, y2: 150, label: 'Nissan leaf' },\n      { y1: 80, y2: 130, label: 'Toyota yaris' }, \n      { y1: 160, y2: 190, label: 'Mitsubishi lancer' }, \n      { y1: 100, y2: 90, label: 'Suzuki swift' }, \n    ],\n  };\n\n<SlopeChart {...slopeChartData} />\n```\n## Lollipop Chart\n```ts\nimport { LollipopChart, type LollipopChartProps } from '@avi99/rn-charts';\n\nconst lollipopChartData: LollipopChartProps = {\n    name: \"Monthly Sales\",\n    subtitle: \"January to December\",\n    data: [\n      { label: \"January\", value: 30 },\n      { label: \"February\", value: 10 },\n      { label: \"March\", value: 40 },\n      { label: \"April\", value: 30 },\n      { label: \"May\", value: 40 },\n      { label: \"June\", value: 60 },\n      { label: \"July\", value: 100 },\n      { label: \"August\", value: 98 },\n      { label: \"September\", value: 65 },\n      { label: \"October\", value: 13 },\n      { label: \"November\", value: 58 },\n      { label: \"December\", value: 65 }\n    ],\n  };\n\n<LollipopChart {...lollipopChartData} />\n```\n\n## Contributing\n\n- [Development workflow](CONTRIBUTING.md#development-workflow)\n- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)\n- [Code of conduct](CODE_OF_CONDUCT.md)\n\n## License\n\nMIT\n\n---\n\nMade with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)\n","readmeFilename":"README.md","_rev":"1-c3d92d21e7c600c66b98f81f8870e38d"}