graphviz visual editor

Graphviz-Visual-editor

http://magjac.com/graphviz-visual-editor에서 사용해보십시오.

DOT 언어에 설명 된 그래픽 그래프의 대화식 시각 편집을위한 웹 응용 프로그램.

설치

 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 및 사용자 안내서 작성에서 자세한 내용을 알아보십시오.

구현 된 기능

• 텍스트 점 표현에서 그래프 렌더링.
• 그래프 패닝 및 확대.
• 컨텍스트 민감한 텍스트 편집기에서 점 소스 편집.
• 마우스 상호 작용을 통한 그래프의 시각적 편집 :
  • 클릭 또는 드래그 앤 드롭으로 노드 모양을 삽입하십시오.
  • 기본 노드 스타일, 색상 및 FillColor를 선택하십시오.
  • 노드 사이에 가장자리를 그립니다.
  • 클릭 또는 영역별로 노드와 모서리를 선택하여 텍스트 편집기에 표시하고 표시합니다.
  • 선택한 노드 및 모서리를 삭제하십시오.
  • 선택한 노드를 잘라/복사하고-페이스트합니다.
• 그래프가 시각적으로 편집 될 때 점 소스의 자동 업데이트.
• 도트 소스를 편집 할 때 그래프의 자동 업데이트.
• 변경 될 때 그래프를 새로운 상태로 애니메이션 전환.
• 브라우저의 로컬 스토리지로 자동 저장 및 검색하여 페이지로로드하는 동안 DOT 소스 및 응용 프로그램 상태 보존.
• URL로 그래프를 내보내고 이러한 URL에서 그래프를 가져 오십시오.
• SVG로 내보내기 그래프.
• 옵션 :
  • 사용 가능한 드로잉 영역에 그래프를 자동으로 맞출 수 있습니다.
  • GraphViz 레이아웃 엔진을 선택하십시오.
• 온라인 도움말 :
  • 키보드 단축키
  • 마우스 상호 작용

테스트 된 브라우저

• Firefox 71
• 크롬 79

알려진 문제

알려진 문제는 여기에 나열되지 않습니다 .

알려진 모든 버그 및 향상 요청은 GitHub의 문제로보고되며 문제 탭 아래에 나열되어 있습니다.

모든 열린 문제

버그와 향상 요청이 모두 나열됩니다.

알려진 열린 버그

개방 된 향상 요청

알려진 한계

제한은 전체 기능없이 의도적으로 릴리스 된 기능입니다. 제한은 버그로 분류되고 저자의 관점에서 아직 구현되지 않은 향상이지만 사용자의 관점에서 버그로 인식 될 수 있음을 반영하기위한 강화 요청으로 분류됩니다.

폐쇄 된 문제

로드맵

수많은 멋진 기능이 없습니다. 그것들은 Github에 대한 향상 요청으로 표시되거나 나열됩니다.

단기 활동을 보여주는 프로젝트 보드도 있습니다.