{"id":29028354,"url":"https://github.com/ancs21/org0chart","last_synced_at":"2025-06-26T07:06:23.108Z","repository":{"id":280486417,"uuid":"942070375","full_name":"ancs21/org0chart","owner":"ancs21","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-03T17:07:36.000Z","size":75,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-24T23:40:36.274Z","etag":null,"topics":["org-chart"],"latest_commit_sha":null,"homepage":"https://org0chart.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/ancs21.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":"2025-03-03T14:24:07.000Z","updated_at":"2025-03-04T02:24:56.000Z","dependencies_parsed_at":"2025-03-03T18:23:55.662Z","dependency_job_id":"61910191-6466-4b18-8bce-8cd0b21e93c6","html_url":"https://github.com/ancs21/org0chart","commit_stats":null,"previous_names":["ancs21/org0chart"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ancs21/org0chart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ancs21%2Forg0chart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ancs21%2Forg0chart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ancs21%2Forg0chart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ancs21%2Forg0chart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ancs21","download_url":"https://codeload.github.com/ancs21/org0chart/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ancs21%2Forg0chart/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262018763,"owners_count":23245623,"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":["org-chart"],"created_at":"2025-06-26T07:06:20.471Z","updated_at":"2025-06-26T07:06:23.092Z","avatar_url":"https://github.com/ancs21.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Organization Chart Editor\n\n\u003cimg width=\"1557\" alt=\"image\" src=\"https://github.com/user-attachments/assets/1ed2cc1d-90b0-482e-83b2-23a547bd44eb\" /\u003e\n\n\nA web application for importing, visualizing, editing, and exporting organizational chart data. This tool allows you to:\n\n- Import organization data from CSV files\n- Visualize the organization hierarchy as a tree\n- Edit and modify the organizational structure\n- Add, update, or delete nodes in the organization\n- Export the modified organization data back to CSV\n\n## Getting Started\n\n### Prerequisites\n\n- [Bun](https://bun.sh/) (JavaScript runtime and package manager)\n\n### Installation\n\n1. Clone the repository:\n   ```bash\n   git clone [repository-url]\n   cd org0chart\n   ```\n\n2. Install dependencies:\n   ```bash\n   bun install\n   ```\n\n3. Run the development server:\n   ```bash\n   bun run dev\n   ```\n\n4. Open [http://localhost:3000](http://localhost:3000) in your browser.\n\n## Using the Application\n\n### Importing Data\n\nYou can import organization data from a CSV file. The CSV file should have the following columns:\n- `id`: Unique identifier for each node\n- `name`: Name of the person or role\n- `title`: Job title (optional)\n- `department`: Department name (optional)\n- `parentId`: ID of the parent node (leave empty for root nodes)\n\nA sample CSV file is available at `/sample.csv` for reference.\n\n### Visualizing the Organization Chart\n\nOnce data is imported, the application will display an interactive organization chart. You can:\n- Click on nodes to select and edit them\n- Pan and zoom to navigate larger charts\n\n### Editing Nodes\n\n- Click on any node in the chart to edit its details\n- Click \"Add Node\" to create a new node in the organization\n- When editing a node, you can change its name, title, department, and parent\n- You can also delete nodes (which will also remove all their children)\n\n### Exporting Data\n\nAfter making changes, you can export the updated organization data back to CSV by clicking the \"Export to CSV\" button.\n\n## CSV File Format\n\nThe expected CSV format has the following columns:\n\n```\nid,name,title,department,parentId\n1,John Smith,CEO,Executive,\n2,Sarah Johnson,CTO,Technology,1\n3,Michael Brown,CFO,Finance,1\n...\n```\n\n## Tech Stack\n\n- [Next.js](https://nextjs.org/) - React framework\n- [TypeScript](https://www.typescriptlang.org/) - Type-safe JavaScript\n- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework\n- [PapaParse](https://www.papaparse.com/) - CSV parsing library\n- [React D3 Tree](https://github.com/bkrem/react-d3-tree) - Tree visualization library\n\n## License\n\n[MIT License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fancs21%2Forg0chart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fancs21%2Forg0chart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fancs21%2Forg0chart/lists"}