웹 페이지 내부에서 대화 형 순서도를 만드는 가장 좋은 방법은 무엇입니까?

Question

내 사용자 중 일부는 flowcharts을 작성합니다. 아이디어는 특정 단계에서 차트를 사용하면 텍스트를 클릭하여 다른 차트 나 매뉴얼 또는 다른 것으로 이동할 수 있습니다.

내 작업은 이러한 차트를 온라인으로 가져 오는 것입니다.

내부 HTML을 코딩하는 아이디어가 미친 것처럼 보이므로 다른 사람이 제안을했는지 궁금합니다.

이상적으로, 사용자가 원하는대로 차트를 디자인 할 수있는 도구를 제공하고 내 페이지로 가져올 수있는 항목으로 내보낼 수 있습니다. 소프트웨어 내부에서 링크 가능 콘텐츠를 만들거나 html로 생성 된 것은 충분히 깔끔하고 내가 직접이 비트를 할 수 있습니다.

누구나 이와 같은 문제가 발생 했습니까?

Answer 1

저는 Graphviz (link)를 사용하여 HTML로 flowcharts를 작성했습니다 (실제 사용 예 : google wave가 웨이브 플로우 차트를 그리는 데 사용됨). 생성 된 순서도에서는 노드, 가장자리, 제목 등과 연결된 링크를 포함 할 수 있습니다. 사용자가 링크를 클릭하면 소프트웨어가 새 순서도의 데이터로 이미지를 다시 렌더링 할 수 있습니다. png, svg 등으로 내보낼 수 있으므로 쉽게 포함시킬 수 있습니다.