{"id":18991880,"url":"https://github.com/saikiran76/charts","last_synced_at":"2026-05-13T13:49:00.094Z","repository":{"id":242282469,"uuid":"809083107","full_name":"saikiran76/Charts","owner":"saikiran76","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-02T17:26:49.000Z","size":601,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-01T14:46:32.240Z","etag":null,"topics":["javascript","react","react-chartjs-2","react-icons","reactjs","recharts"],"latest_commit_sha":null,"homepage":"https://charts-pi-three.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saikiran76.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-01T16:29:47.000Z","updated_at":"2024-06-02T17:28:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"057337fd-d14b-46c7-88f5-e9626680cffb","html_url":"https://github.com/saikiran76/Charts","commit_stats":null,"previous_names":["saikiran76/charts"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saikiran76%2FCharts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saikiran76%2FCharts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saikiran76%2FCharts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saikiran76%2FCharts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saikiran76","download_url":"https://codeload.github.com/saikiran76/Charts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240003080,"owners_count":19732323,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","react","react-chartjs-2","react-icons","reactjs","recharts"],"created_at":"2024-11-08T17:15:25.888Z","updated_at":"2026-04-14T14:30:21.287Z","avatar_url":"https://github.com/saikiran76.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Charts Dashboard\n\n## Techstack\n\u003cimg width=\"100\" src=\"https://static-00.iconduck.com/assets.00/react-icon-512x512-u6e60ayf.png\" alt=\"React\"\u003e\n\u003cimg width=\"100\" src=\"https://static-00.iconduck.com/assets.00/javascript-icon-512x512-q5abze8k.png\" alt=\"React\"\u003e\n\n## Overview\n\nThis is a Dashboard page built using React which makes use of libraries like `react-charts-2` , `recharts` for chart components. Based on the network security related data for different kind of activities like anamoilies, or potential or suspicious activities. (while connection to MYSQL Database)\n\n\nFor more visit the official docs of react-spring, Firebase, material-ui(mui-rte): \n`https://recharts.org/en-US/`\n`https://react-chartjs-2.js.org/components`\n`https://www.chartjs.org/docs/latest/getting-started/`\n\n## Report on Component Structure and Managament of states \n### Component Structure\n### Chart Components\n- Pie Chart/ Dashbord component\n- Area plot Component\n- BarChart component\n\n\n\n\n## Snaps of the project\n![image](https://github.com/saikiran76/Charts/assets/80874246/281832ae-d7db-4d1f-8a92-4b39967009b7)\n\n![image](https://github.com/saikiran76/Charts/assets/80874246/be71b967-7d11-4617-8656-48d79c9fce46)\n\n![image](https://github.com/saikiran76/Charts/assets/80874246/3353c011-1833-4c55-b6c5-d5ef200c3f55)\n\n![image](https://github.com/saikiran76/Charts/assets/80874246/cd2b578e-ecc1-407c-aab2-ea276c9409b6)\n\n\n\n## Local Setup\n\n1) Clone the project using the command `git clone https://github.com/saikiran76/Charts.git`\n2) cd into the project: `cd Charts`\n3) Install the required dependencies using: `npm install`\n4) Start and run the project on local host: `npm start`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaikiran76%2Fcharts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaikiran76%2Fcharts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaikiran76%2Fcharts/lists"}