graphviz visual editor

GraphViz-Visual-Editor

在http://magjac.com/graphviz-visual-editor上嘗試一下。

DOT語言中描述的GraphViz圖的交互式視覺編輯的Web應用程序。

安裝

 git clone https://github.com/magjac/graphviz-visual-editor
cd graphviz-visual-editor
npm install
make
npm run start

注意： Make Stage發出了一些警告。忽略他們。

為應用程序創建優化的構建：

 npm run build

從創建React App Readme和用戶指南中了解更多信息。

實施功能

• 從文本點表示渲染圖。
• 平移和縮放圖。
• 在上下文敏感文本編輯器中編輯點源。
• 通過鼠標相互作用對圖的視覺編輯：
  • 通過單擊或拖放插入節點形狀。
  • 選擇默認節點樣式，顏色和填充。
  • 在節點之間繪製邊緣。
  • 通過單擊或區域拖動選擇節點和邊緣，然後在文本編輯器中標記它們。
  • 刪除選定的節點和邊緣。
  • 剪切/複製一個選定的節點。
• 圖形在視覺上編輯時自動更新點源。
• 編輯點源時圖形的自動更新。
• 進行更改時，將圖形的動畫過渡到新狀態。
• 通過自動保存並檢索到瀏覽器中的本地存儲中，通過自動保存和檢索頁面重新加載期間的點源和應用狀態。
• 導出圖作為URL，並從此類URL導入圖。
• 導出圖作為SVG。
• 選項：
  • 自動將圖形擬合到可用的繪圖區域。
  • 選擇GraphViz佈局引擎。
• 在線幫助：
  • 鍵盤快捷鍵
  • 鼠標相互作用

經過測試的瀏覽器

• Firefox 71
• Chrome 79

已知問題

這裡未列出已知問題。

所有已知的錯誤和增強請求都在GitHub上報告為問題，並在“問題”選項卡下列出。

所有開放問題

列出了錯誤和增強請求。

已知的打開錯誤

打開增強請求

已知限制

限制是故意發布而沒有完整功能的功能。限制既被歸類為錯誤，又是增強請求，以反映這是從作者的角度尚未實現的增強，但從用戶的角度來看，它可能被視為錯誤。

封閉的問題

路線圖

缺少許多很酷的功能。它們在GitHub上被列為或將被列為增強請求。

還有一個項目委員會顯示短期活動。