{"id":13555829,"url":"https://github.com/flowhub/the-graph","last_synced_at":"2025-12-12T04:02:37.939Z","repository":{"id":415393,"uuid":"13345709","full_name":"flowhub/the-graph","owner":"flowhub","description":"SVG custom elements for FBP graph editing and visualization. Used in noflo/noflo-ui","archived":false,"fork":false,"pushed_at":"2023-01-26T23:06:47.000Z","size":9346,"stargazers_count":1013,"open_issues_count":77,"forks_count":177,"subscribers_count":48,"default_branch":"master","last_synced_at":"2025-05-10T23:32:46.641Z","etag":null,"topics":["editor","flowhub","graph","react","svg"],"latest_commit_sha":null,"homepage":"https://flowhub.github.io/the-graph/demo-full.html","language":"JavaScript","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/flowhub.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGES.md","contributing":null,"funding":null,"license":"LICENSE-MIT.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-10-05T13:40:55.000Z","updated_at":"2025-03-16T07:22:22.000Z","dependencies_parsed_at":"2023-02-14T02:16:25.574Z","dependency_job_id":null,"html_url":"https://github.com/flowhub/the-graph","commit_stats":null,"previous_names":["the-grid/the-graph"],"tags_count":46,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowhub%2Fthe-graph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowhub%2Fthe-graph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowhub%2Fthe-graph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowhub%2Fthe-graph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flowhub","download_url":"https://codeload.github.com/flowhub/the-graph/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254346624,"owners_count":22055808,"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","flowhub","graph","react","svg"],"created_at":"2024-08-01T12:03:26.666Z","updated_at":"2025-12-12T04:02:32.649Z","avatar_url":"https://github.com/flowhub.png","language":"JavaScript","readme":"The Graph Editor [![MIT license](http://img.shields.io/badge/License-MIT-brightgreen.svg)](#license)\n================\n\nThis project provides a set [React](https://facebook.github.io/react) components for viewing and editing node-based graphs.\nThe focus is on graphs used for dataflow and [Flow-based programming](https://en.wikipedia.org/wiki/Flow-based_programming).\n\nThe graph structure is stored by [fbp-graph](https://github.com/flowbased/fbp-graph), which supports extendable metadata and undo/redo.\n\nYou can optionally use [klayjs-noflo](https://github.com/noflo/klayjs-noflo) for automatic layout of graphs.\n\n`the-graph` is used as the editor in the [Flowhub IDE](https://app.flowhub.io).\n\n## Examples\n\n* Basic demo. [code](./examples/demo-simple.js) |\n[Run](https://flowhub.github.io/the-graph/demo-simple.html)\n* Stresstest. [code](./examples/demo-full.js) |\n[Run](https://flowhub.github.io/the-graph/demo-full.html)\n* Thumbnail. [code](./examples/demo-thumbnail.js) |\n[Run](https://flowhub.github.io/the-graph/demo-thumbnail.html)\n\n## Using\n\nInstall via NPM\n\n    npm install the-graph\n\nSee the examples for how to include the `.js` and `.css` files, and API usage.\n\n## License\n\n[The MIT License](./LICENSE-MIT.txt)\n\n## Support\nPlease refer to \u003chttps://noflojs.org/support/\u003e.\n\n## Developing\n\nClone the repo\n\n    git clone https://github.com/flowhub/the-graph.git # or your own fork on Github\n    cd the-graph\n\nInstall dependencies and build\n\n    npm install\n    npm run build\n\nRun the demo server\n\n    npm start\n\nor \u003chttp://localhost:3000/examples/demo-full.html\u003e for interactive demo.\n\nSend pull requests on Github!\n","funding_links":[],"categories":["JavaScript","📦 Legacy \u0026 Inactive Projects","react"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflowhub%2Fthe-graph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflowhub%2Fthe-graph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflowhub%2Fthe-graph/lists"}