{"id":13508369,"url":"https://github.com/alibaba/GGEditor","last_synced_at":"2025-03-30T11:31:44.565Z","repository":{"id":40637021,"uuid":"145947989","full_name":"alibaba/GGEditor","owner":"alibaba","description":"A visual graph editor based on G6 and React","archived":false,"fork":false,"pushed_at":"2020-09-10T10:08:53.000Z","size":13834,"stargazers_count":3429,"open_issues_count":279,"forks_count":571,"subscribers_count":75,"default_branch":"master","last_synced_at":"2025-03-27T15:08:27.935Z","etag":null,"topics":["editor","graphics","mind","react","tree"],"latest_commit_sha":null,"homepage":"https://ggeditor.com","language":"TypeScript","has_issues":false,"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/alibaba.png","metadata":{"files":{"readme":"README.en-US.md","changelog":"CHANGELOG.md","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":"2018-08-24T05:50:30.000Z","updated_at":"2025-03-27T07:40:01.000Z","dependencies_parsed_at":"2022-07-14T04:20:26.914Z","dependency_job_id":null,"html_url":"https://github.com/alibaba/GGEditor","commit_stats":null,"previous_names":["gaoli/ggeditor"],"tags_count":35,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alibaba%2FGGEditor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alibaba%2FGGEditor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alibaba%2FGGEditor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alibaba%2FGGEditor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alibaba","download_url":"https://codeload.github.com/alibaba/GGEditor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246314011,"owners_count":20757450,"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":["editor","graphics","mind","react","tree"],"created_at":"2024-08-01T02:00:52.121Z","updated_at":"2025-03-30T11:31:44.538Z","avatar_url":"https://github.com/alibaba.png","language":"TypeScript","readme":"English | [简体中文](README.md)\n\n\u003ch1 align=\"center\"\u003eGGEditor\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nA visual graph editor based on [G6](https://github.com/antvis/g6) and [React](https://github.com/facebook/react).\n\n[![GitHub](https://img.shields.io/github/license/alibaba/GGEditor)](/LICENSE)\n[![npm](https://img.shields.io/npm/v/gg-editor)](https://www.npmjs.com/package/gg-editor)\n[![npm](https://img.shields.io/npm/dm/gg-editor)](https://www.npmjs.com/package/gg-editor)\n\n\u003c/div\u003e\n\n## Installation\n\n### npm\n\n```bash\nnpm install gg-editor --save\n```\n\n### umd\n\n```html\n\u003cscript src=\"https://unpkg.com/gg-editor@${version}/dist/index.js\"\u003e\u003c/script\u003e\n```\n\n## Usage\n\n### Flow\n\n[![Edit GGEditor - Flow](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/ggeditor-flow-hq64m?fontsize=14\u0026hidenavigation=1\u0026theme=dark)\n\n```jsx\nimport GGEditor, { Flow } from 'gg-editor';\n\nconst data = {\n  nodes: [\n    {\n      id: '0',\n      label: 'Node',\n      x: 55,\n      y: 55,\n    },\n    {\n      id: '1',\n      label: 'Node',\n      x: 55,\n      y: 255,\n    },\n  ],\n  edges: [\n    {\n      label: 'Label',\n      source: '0',\n      target: '1',\n    },\n  ],\n};\n\n\u003cGGEditor\u003e\n  \u003cFlow data={data} /\u003e\n\u003c/GGEditor\u003e;\n```\n\n### Mind\n\n[![Edit GGEditor - Mind](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/ggeditor-mind-2262q?fontsize=14\u0026hidenavigation=1\u0026theme=dark)\n\n```jsx\nimport GGEditor, { Mind } from 'gg-editor';\n\nconst data = {\n  label: 'Central Topic',\n  children: [\n    {\n      label: 'Main Topic 1',\n    },\n    {\n      label: 'Main Topic 2',\n    },\n    {\n      label: 'Main Topic 3',\n    },\n  ],\n};\n\n\u003cGGEditor\u003e\n  \u003cMind data={data} /\u003e\n\u003c/GGEditor\u003e;\n```\n\n## Examples\n\n```bash\n# Clone the repository\n$ git clone https://github.com/alibaba/GGEditor.git\n\n# Change directory\n$ cd gg-editor\n\n# Install dependencies\n$ npm install\n\n# Run examples\n$ npm start\n```\n","funding_links":[],"categories":["JavaScript","Design editor","TypeScript","react","Uncategorized"],"sub_categories":["Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falibaba%2FGGEditor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falibaba%2FGGEditor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falibaba%2FGGEditor/lists"}