사용자가 동적으로 순서도를 만들 수있게 해주는 도구/프레임 워크/API (기타)

Question

소스 코드 변환기에 대한 웹 기반 순서도를 만들고 싶습니다.

내 문제는 나중에 특정 프로그래밍 언어 소스 코드로 변환 할 수있는 기본 흐름 차트 모양을 사용하여 사용자가 동적으로 순서도를 만들 수 있도록 도구/프레임 워크/API를 만드는 구체적인 순서도를 알 수 없다는 것입니다.

이 흐름도는 소스 코드 변환기가 초보 프로그래머의 학습을 돕는 데 사용되기 때문에 흐름도의 기본 모양 만 사용하게 될 것입니다.

Answer 1

상용 시나리오 인 경우 yFiles과 같은 상용 그래프 드로잉 라이브러리를 사용하는 것이 가능해야합니다. 당신이 당신의 자신의 흐름도 편집기를 만들 수 있습니다이 라이브러리와

:

• 당신이 선언하고 자신의 특정 모양을 만들고
• 드래그 앤 드롭뿐만 아니라 대화 형 수정 및 요소의 생성을 행동들 수가 지원됩니다
• 로직을 추가하여 사용자가 특정 노드 (예 : 노드를 시작 노드에 연결하는 것)를 막지 않도록 할 수 있습니다.
• 편집기는 자동 스냅 라인을 지원하므로 멋진 다이어그램 만들기가 정말 쉽습니다.
• 당신은 정보의 흐름이 잘 묘사되어 좋은 플로우 차트 (위에서 아래로 가거나 왼쪽에서 오른쪽으로, 예를 들어)

테이크를 얻기 위해 다이어그램 및/또는 에지 라우팅을 다시 정렬 자동 레이아웃 알고리즘을 사용할 수 있습니다 이 interactive set of demos (HTML 5 가능 브라우저 필요) 및 특히 this one을 살펴보십시오. 후자는 드래그 앤 드롭 기능, 플로우 차트 및 스냅과 그룹화 및 파티션 그리드와 같은 고급 기능에 적합한 스타일을 사용하는 자동 레이아웃을 보여줍니다.

면책 조항 : 나는 해당 라이브러리를 제작하는 회사에서 근무하고 있습니다. other libraries (저의 겸허 한 의견으로는 강력하지는 않지만)이 있습니다. 저는 SO/SE에 고용주를 대변하지 않습니다.