{"id":20227535,"url":"https://github.com/cbdxin/chart","last_synced_at":"2025-04-10T17:25:14.227Z","repository":{"id":39218268,"uuid":"241652389","full_name":"CBDxin/chart","owner":"CBDxin","description":"基于D3.js + react 实现的数据可视化工具 ","archived":false,"fork":false,"pushed_at":"2023-01-05T07:44:47.000Z","size":5538,"stargazers_count":11,"open_issues_count":25,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-03-07T23:50:55.365Z","etag":null,"topics":["d3js","data-visualization","react"],"latest_commit_sha":null,"homepage":"","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/CBDxin.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}},"created_at":"2020-02-19T15:08:37.000Z","updated_at":"2023-02-03T09:50:36.000Z","dependencies_parsed_at":"2023-02-03T19:02:05.262Z","dependency_job_id":null,"html_url":"https://github.com/CBDxin/chart","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CBDxin%2Fchart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CBDxin%2Fchart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CBDxin%2Fchart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CBDxin%2Fchart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CBDxin","download_url":"https://codeload.github.com/CBDxin/chart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224582693,"owners_count":17335233,"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":["d3js","data-visualization","react"],"created_at":"2024-11-14T07:25:14.979Z","updated_at":"2024-11-14T07:25:15.573Z","avatar_url":"https://github.com/CBDxin.png","language":"JavaScript","readme":"基于D3.js + React 实现的数据可视化构建工具 在线预览地址http://47.107.66.252:8080/#/\n\n启动\n~~~\nnpm run start\n~~~\n\n声明式配置语法\n```\n{\n  height: 700,\n  width: \"100%\",\n  charts:[\n    {\n      type:\"Area\",\n      name:\"区域图\",\n      key:\"Area\"\n    }\n  ],\n  components:[\n    {\n      type:\"xAxis\",\n      position:\"bottom\"\n    },\n    {\n      type:\"yAxis\",\n      position:\"left\"\n    }\n  ],\n  dataSet:{\n    domain:[1,2,3,4,5,6],\n    range:{\n      Area:[300,500,400,20,600,900]\n    }\n  }\n}\n```\n\n可视化图表：\n1. Area,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/Area.png\"/\u003e\n2. AreaStack,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/AreaStack.png\"/\u003e\n3. Bar,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/Bar.png\"/\u003e\n4. BarStack,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/BarStack.png\"/\u003e\n5. Line,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/Line.png\"/\u003e\n6. Scatter,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/Scatter.png\"/\u003e\n7. Pie,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/Pie.png\"/\u003e\n8. PolarScatter,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/PolarScatter.png\"/\u003e\n9. Radar,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/Radar.png\"/\u003e\n10. TreeMap,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/TreeMap.png\"/\u003e\n11. Tree,\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/Tree.png\"/\u003e\n12. Geo\n\u003cimg width=\"350\" src=\"https://github.com/CBDxin/chart/blob/master/public/image/Geo.png\"/\u003e\n\n可视化组件：\n1. Scale\n2. Axis\n3. Tooltip\n4. Brush\n5. Grid\n6. Legend\n7. LinearGradient\n8. VisualMap\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcbdxin%2Fchart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcbdxin%2Fchart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcbdxin%2Fchart/lists"}