{"id":13553261,"url":"https://github.com/magjac/graphviz-visual-editor","last_synced_at":"2025-05-15T07:03:52.036Z","repository":{"id":32902530,"uuid":"145574197","full_name":"magjac/graphviz-visual-editor","owner":"magjac","description":"A web application for interactive visual editing of Graphviz graphs described in the DOT language.","archived":false,"fork":false,"pushed_at":"2024-10-21T10:08:14.000Z","size":8066,"stargazers_count":751,"open_issues_count":45,"forks_count":80,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-05-15T07:03:49.273Z","etag":null,"topics":["dot","graph-drawing","graph-view","graph-visualization","graphviz","graphviz-dot-language","graphviz-viewer","interactive-visualization","javascript","text-editor","visual-editor","web-application","wysiwyg","wysiwyg-editor"],"latest_commit_sha":null,"homepage":"http://magjac.com/graphviz-visual-editor","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/magjac.png","metadata":{"files":{"readme":"README.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-08-21T14:18:30.000Z","updated_at":"2025-05-13T19:39:59.000Z","dependencies_parsed_at":"2024-01-14T10:19:07.700Z","dependency_job_id":"33b165ab-e85a-4aee-9945-cb5ec0814f5a","html_url":"https://github.com/magjac/graphviz-visual-editor","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magjac%2Fgraphviz-visual-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magjac%2Fgraphviz-visual-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magjac%2Fgraphviz-visual-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magjac%2Fgraphviz-visual-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/magjac","download_url":"https://codeload.github.com/magjac/graphviz-visual-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254291974,"owners_count":22046425,"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":["dot","graph-drawing","graph-view","graph-visualization","graphviz","graphviz-dot-language","graphviz-viewer","interactive-visualization","javascript","text-editor","visual-editor","web-application","wysiwyg","wysiwyg-editor"],"created_at":"2024-08-01T12:02:20.958Z","updated_at":"2025-05-15T07:03:52.010Z","avatar_url":"https://github.com/magjac.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","javascript"],"sub_categories":[],"readme":"# graphviz-visual-editor\n\nTry it at http://magjac.com/graphviz-visual-editor.\n\nA web application for interactive visual editing of [Graphviz](http://www.graphviz.org) graphs described in the [DOT](https://www.graphviz.org/doc/info/lang.html) language.\n\n[![CircleCI](https://circleci.com/gh/magjac/graphviz-visual-editor.svg?style=svg)](https://circleci.com/gh/magjac/graphviz-visual-editor)\n[![codecov](https://codecov.io/gh/magjac/graphviz-visual-editor/branch/master/graph/badge.svg)](https://codecov.io/gh/magjac/graphviz-visual-editor)\n\n## Installation ##\n\n```\ngit clone https://github.com/magjac/graphviz-visual-editor\ncd graphviz-visual-editor\nnpm install\nmake\nnpm run start\n```\n\n**NOTE:** The *make* stage emits a few warnings. Ignore them.\n\nTo create an optimized build of the application:\n\n```\nnpm run build\n```\n\nLearn more from the Create React App [README](https://github.com/facebook/create-react-app#npm-run-build-or-yarn-build) and [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#deployment).\n\n## Implemented Features ##\n\n* Rendering of a graph from a textual [DOT](https://www.graphviz.org/doc/info/lang.html) representation.\n* Panning and zooming the graph.\n* Editing the DOT source in a context sensitive text editor.\n* Visual editing of the graph through mouse interactions:\n  * Insert node shapes by click or drag-and-drop.\n  * Select default node style, color and fillcolor.\n  * Draw edges between nodes.\n  * Select nodes and edges by click or by area drag and mark them in the text editor.\n  * Delete selected nodes and edges.\n  * Cut/Copy-and-paste a selected node.\n* Automatic update of the DOT source when the graph is visually edited.\n* Automatic update of the graph when the DOT source is edited.\n* Animated transition of the graph into a new state when changes are made.\n* Preservation of the DOT source and the application state during page reloads by automatic save and retrieve to/from local storage in the browser.\n* Export graph as URL and import graph from such an URL.\n* Export graph as SVG.\n* Options:\n  * Automatically fit the graph to the available drawing area.\n  * Select Graphviz layout engine.\n* On-line help:\n  * Keyboard shortcuts\n  * Mouse interactions\n\n## Tested Browsers ##\n\n* Firefox 71\n* Chrome 79\n\n## Known Issues ##\n\nKnown issues are **not listed here**.\n\nAll known bugs and enhancement requests are reported as issues on [GitHub](https://github.com/magjac/graphviz-visual-editor) and are listed under the [Issues](https://github.com/magjac/graphviz-visual-editor/issues) tab.\n\n### [All open issues](https://github.com/magjac/graphviz-visual-editor/issues) ###\n\nLists both bugs and enhancement requests.\n\n### [Known open bugs](https://github.com/magjac/graphviz-visual-editor/labels/bug) ###\n\n### [Open enhancement requests](https://github.com/magjac/graphviz-visual-editor/labels/enhancement) ###\n\n### [Known limitations](https://github.com/magjac/graphviz-visual-editor/issues?utf8=%E2%9C%93\u0026q=is%3Aissue+is%3Aopen+label%3Abug+label%3Aenhancement) ###\n\nA limitation is a feature deliberately released without full functionality. A limitation is classifed both as a bug and as an enhancement request to reflect that although it's an enhancement not yet implemented from the author's perspective, it might be perceived as a bug from the user's perspective.\n\n### [Closed issues](https://github.com/magjac/graphviz-visual-editor/issues?q=is%3Aissue+is%3Aclosed) ###\n\n## Roadmap ##\n\nThere are numerous cool features missing. They are or will be listed as [enhancement requests](https://github.com/magjac/graphviz-visual-editor/labels/enhancement) on [GitHub](https://github.com/magjac/graphviz-visual-editor).\n\nThere is also a [project board](https://github.com/magjac/graphviz-visual-editor/projects/1) showing the short-term activities.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagjac%2Fgraphviz-visual-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmagjac%2Fgraphviz-visual-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagjac%2Fgraphviz-visual-editor/lists"}