{"id":27144082,"url":"https://github.com/frnt-end/data-visualization-chartjs-react-typescript","last_synced_at":"2026-03-09T00:31:40.301Z","repository":{"id":188120231,"uuid":"678129261","full_name":"Frnt-End/Data-Visualization-Chartjs-React-Typescript","owner":"Frnt-End","description":"⚡ React / Vite and Typescript Data Visualization App- Fetch Api data and display it in a chart and a table - using axios. chartjs, MUI and styled components. Watch DEMO =\u003e https://Frnt-End.github.io/Data-Visualization-Chartjs-React-Typescript 👈 ","archived":false,"fork":false,"pushed_at":"2025-03-30T21:31:28.000Z","size":34729,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T08:57:50.345Z","etag":null,"topics":["api","axios","chart","chartjs","data-visualization","design","gh-pages","mui","react","reactjs","styled-components","table","typescript","ui","ux","vite"],"latest_commit_sha":null,"homepage":"https://frnt-end.github.io/Data-Visualization-Chartjs-React-Typescript/","language":"TypeScript","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/Frnt-End.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":"2023-08-13T19:21:12.000Z","updated_at":"2025-03-30T21:31:31.000Z","dependencies_parsed_at":"2025-03-30T22:33:03.081Z","dependency_job_id":null,"html_url":"https://github.com/Frnt-End/Data-Visualization-Chartjs-React-Typescript","commit_stats":null,"previous_names":["frnt-end/data-visualization-chartjs-react-typescript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Frnt-End/Data-Visualization-Chartjs-React-Typescript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frnt-End%2FData-Visualization-Chartjs-React-Typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frnt-End%2FData-Visualization-Chartjs-React-Typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frnt-End%2FData-Visualization-Chartjs-React-Typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frnt-End%2FData-Visualization-Chartjs-React-Typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Frnt-End","download_url":"https://codeload.github.com/Frnt-End/Data-Visualization-Chartjs-React-Typescript/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frnt-End%2FData-Visualization-Chartjs-React-Typescript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30278512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-08T20:45:49.896Z","status":"ssl_error","status_checked_at":"2026-03-08T20:45:49.525Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["api","axios","chart","chartjs","data-visualization","design","gh-pages","mui","react","reactjs","styled-components","table","typescript","ui","ux","vite"],"created_at":"2025-04-08T08:57:57.071Z","updated_at":"2026-03-09T00:31:40.269Z","avatar_url":"https://github.com/Frnt-End.png","language":"TypeScript","readme":"# Data Visualization API - Chart \u0026 Table\n\nImplementing an Data Visualization using Chart.js.\n\n👉 [Watch DEMO](https://Frnt-End.github.io/Data-Visualization-Chartjs-React-Typescript)\n\n![Data Visualization API](src/ui-prev-white.jpg \"Data Visualization API\")\n\n### Project Details\n\n- Fetch API data and display bar chart and table.\n- the chart contain a filter menu to select a range of years to be displayed in the chart.\n- The table contain pagination.\n\n### Technologies\n\n- React \u0026 Vite.\n- Chart.js.\n- Axios.\n- TypeScript.\n- MUI + Styled Components.\n\n## Run project\n\nInstall all the dependencies used in this project:\n\n`npm install`\n\nIn the project directory, you can run:\n\n`npm run dev`\n\nRuns the app in the development mode.\\\nOpen [http://127.0.0.1:5173/](http://127.0.0.1:5173/) to view it in the browser.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrnt-end%2Fdata-visualization-chartjs-react-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrnt-end%2Fdata-visualization-chartjs-react-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrnt-end%2Fdata-visualization-chartjs-react-typescript/lists"}