{"id":29717722,"url":"https://github.com/dev-palwar/chart-playground","last_synced_at":"2025-07-24T08:14:33.422Z","repository":{"id":302644525,"uuid":"1013145006","full_name":"dev-palwar/chart-playground","owner":"dev-palwar","description":null,"archived":false,"fork":false,"pushed_at":"2025-07-03T13:08:39.000Z","size":47,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-03T13:47:31.433Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://chart-playground-sage.vercel.app/","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/dev-palwar.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,"zenodo":null}},"created_at":"2025-07-03T12:32:00.000Z","updated_at":"2025-07-03T13:08:43.000Z","dependencies_parsed_at":"2025-07-03T13:47:34.685Z","dependency_job_id":"7a79991d-f67a-4401-9425-cba28bc5e71c","html_url":"https://github.com/dev-palwar/chart-playground","commit_stats":null,"previous_names":["dev-palwar/chart-playground"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dev-palwar/chart-playground","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-palwar%2Fchart-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-palwar%2Fchart-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-palwar%2Fchart-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-palwar%2Fchart-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dev-palwar","download_url":"https://codeload.github.com/dev-palwar/chart-playground/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-palwar%2Fchart-playground/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266813718,"owners_count":23988547,"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","status":"online","status_checked_at":"2025-07-24T02:00:09.469Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2025-07-24T08:14:29.295Z","updated_at":"2025-07-24T08:14:31.444Z","avatar_url":"https://github.com/dev-palwar.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🧠 Renderer Playground\n\nThis is a dynamic React-based playground for rendering charts (bar, line, pie) based on structured JSON data. It allows you to interactively visualize data like financial reports using Chart.js with a clean and customizable interface.\n\n## Features\n\n- ✅ Supports Bar, Line, and Pie charts\n- ✅ Switch chart types dynamically\n- ✅ Toggle between multiple datasets (e.g., HDFC, SBI, ICICI)\n- ✅ Paste or type raw chart JSON input\n- ✅ Chart metadata is TypeScript-safe\n\n\n---\n\n\n## TypeScript type\nYou can just ask chatgpt to generate datasets according to this interface.\n```\nexport interface ChartMetadata {\n  id: string;\n  type: \"bar\" | \"line\" | \"pie\";\n  title?: string;\n  labels: string[];\n  datasets: {\n    label: string;\n    data: number[];\n    backgroundColor?: string[];\n    borderColor?: string[];\n    borderWidth?: number;\n  }[];\n}\n```\n\n## 📊 Example Chart Metadata\n\n```json\n{\n  \"id\": \"bar_monthly_revenue_comparison\",\n  \"type\": \"bar\",\n  \"title\": \"Monthly Revenue Comparison - FY 2024–25 [in ₹ Crores]\",\n  \"labels\": [\"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"],\n  \"datasets\": [\n    {\n      \"label\": \"HDFC Bank\",\n      \"data\": [134.2, 140.3, 145.7, 152.1, 148.5, 150.0, 155.3, 158.9, 162.0],\n      \"backgroundColor\": \"rgba(54, 162, 235, 0.6)\",\n      \"borderColor\": \"rgba(54, 162, 235, 1)\",\n      \"borderWidth\": 1.5\n    },\n    {\n      \"label\": \"ICICI Bank\",\n      \"data\": [128.7, 133.1, 137.9, 142.3, 139.0, 141.4, 144.8, 147.2, 150.9],\n      \"backgroundColor\": \"rgba(255, 159, 64, 0.6)\",\n      \"borderColor\": \"rgba(255, 159, 64, 1)\",\n      \"borderWidth\": 1.5\n    }\n  ]\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-palwar%2Fchart-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdev-palwar%2Fchart-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-palwar%2Fchart-playground/lists"}