{"id":25515542,"url":"https://github.com/pwcong/react-org-chart","last_synced_at":"2026-04-30T20:33:09.627Z","repository":{"id":39308359,"uuid":"224397148","full_name":"pwcong/react-org-chart","owner":"pwcong","description":"Organization Chart written in React. https://pwcong.github.io/react-org-chart/index.html","archived":false,"fork":false,"pushed_at":"2022-12-11T15:03:05.000Z","size":3765,"stargazers_count":1,"open_issues_count":27,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-20T21:37:33.715Z","etag":null,"topics":["react","react-org-chart"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pwcong.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-27T09:47:17.000Z","updated_at":"2020-07-04T06:31:21.000Z","dependencies_parsed_at":"2022-09-12T11:40:44.441Z","dependency_job_id":null,"html_url":"https://github.com/pwcong/react-org-chart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pwcong/react-org-chart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pwcong%2Freact-org-chart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pwcong%2Freact-org-chart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pwcong%2Freact-org-chart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pwcong%2Freact-org-chart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pwcong","download_url":"https://codeload.github.com/pwcong/react-org-chart/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pwcong%2Freact-org-chart/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32476682,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"ssl_error","status_checked_at":"2026-04-30T13:12:06.837Z","response_time":57,"last_error":"SSL_read: 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":["react","react-org-chart"],"created_at":"2025-02-19T13:31:20.093Z","updated_at":"2026-04-30T20:33:09.612Z","avatar_url":"https://github.com/pwcong.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Org Chart\nOrganization Chart written in React. Preview demo here [https://pwcong.github.io/react-org-chart/index.html](https://pwcong.github.io/react-org-chart/index.html)\n\n### How to use\n```tsx\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport ReactOrgChart from '../src/index';\n\nlet counter = 0;\n\nReactDOM.render(\n  \u003cReactOrgChart\n    height={'100vh'}\n    data={{\n      id: 'root',\n      name: '产品研发中心',\n      leaders: [\n        {\n          name: '彭伟聪',\n          avatar: 'https://avatars2.githubusercontent.com/u/13917544?s=460\u0026v=4'\n        }\n      ],\n      members: Array.from(Array(10)).map(() =\u003e ({\n        name: '人员',\n        avatar: ''\n      })),\n      hasChildren: true\n    }}\n    getChildren={(node) =\u003e\n      new Promise((resolve) =\u003e {\n        counter++;\n        resolve(\n          Array.from(Array(3)).map((_, i) =\u003e ({\n            id: `sub-${counter}-${i}`,\n            name: '子部门',\n            hasChildren: true\n          }))\n        );\n      })}\n  /\u003e,\n  document.getElementById('root')\n);\n\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpwcong%2Freact-org-chart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpwcong%2Freact-org-chart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpwcong%2Freact-org-chart/lists"}