graphviz-visual-editor:一个Web应用程序,用于以DOT语言描述的Graphviz图形的交互式可视化编辑

时间:2024-05-17 23:47:27
【文件属性】:

文件名称:graphviz-visual-editor:一个Web应用程序,用于以DOT语言描述的Graphviz图形的交互式可视化编辑

文件大小:310KB

文件格式:ZIP

更新时间:2024-05-17 23:47:27

javascript graphviz wysiwyg web-application text-editor

图形可视化编辑器 在尝试一下。 一个Web应用程序,用于以语言描述的图形的交互式可视化编辑。 安装 git clone https://github.com/magjac/graphviz-visual-editor cd graphviz-visual-editor npm install make npm run start 注意: make阶段会发出一些警告。 别管他们。 要创建应用程序的优化版本: npm run build 从Create React App和了解更多信息。 实施功能 从文本表示形式绘制图形。 平移和缩放图形。 在上下文相关的文本编辑器中编辑DOT源。 通过鼠标交互对图形进行可视化编辑: 通过单击或拖放来插入节点形状。 选择默认的节点样式,颜色和填充颜色。 在节点之间绘制边缘。 通过单击或通过区域选择来选择节点和边缘,然后在文本编辑器中对其进行


【文件预览】:
graphviz-visual-editor-master
----@hpcc-js(15B)
----.gitignore(346B)
----HOWTO(569B)
----package.json(3KB)
----Makefile(2KB)
----.nycrc(67B)
----package-lock.json(865KB)
----src()
--------ExportAsUrlDialog.js(3KB)
--------dot.test.js(68KB)
--------AboutDialog.js(4KB)
--------TextEditor.js(5KB)
--------setupTests.js(159B)
--------GitHubIcon.js(921B)
--------test-utils()
--------withRoot.js(831B)
--------index.js(158B)
--------ColorPicker.js(2KB)
--------ExportAsSvgDialog.js(3KB)
--------MainMenu.js(2KB)
--------SettingsDialog.js(13KB)
--------InsertPanels.js(4KB)
--------OpenFromBrowserDialog.js(9KB)
--------SaveAsToBrowserDialog.js(4KB)
--------ButtonAppBar.js(8KB)
--------HelpMenu.js(1KB)
--------dot.js(17KB)
--------DotSrcPreview.js(823B)
--------Graph.js(25KB)
--------DoYouWantToReplaceItDialog.js(2KB)
--------KeyboardShortcutsDialog.js(3KB)
--------DoYouWantToDeleteDialog.js(2KB)
--------FormatDrawer.js(8KB)
--------MouseOperationsDialog.js(4KB)
--------dotGrammar.pegjs(18KB)
--------pages()
--------SvgPreview.js(3KB)
----bin()
--------generate-nodes.js(2KB)
----cypress.json(106B)
----LICENSE(1KB)
----public()
--------@hpcc-js()
--------index.html(722B)
----CHANGELOG.md(9KB)
----README.md(4KB)
----.circleci()
--------config.yml(2KB)
----cypress()
--------integration()
--------support()
--------plugins()

网友评论