Yantra가 대화형 다이어그램을 오프라인 HTML로 만든다

오픈소스 도구 Yantra는 짧은 JSON 설명을 다이어그램이나 한 페이지 답변으로 바꿔 오프라인 HTML 파일로 내보냅니다. 단계별 안내까지 담긴다는 점이 특히 반갑습니다. 그림을 보여주는 데 그치지 않고, 보는 사람이 흐름을 따라가게 하기 때문입니다.

Ilograph는 코드 흐름을 근거와 함께 도식화합니다. Yantra는 직접 적은 JSON 설명을 여러 형식의 다이어그램과 오프라인 HTML로 바꿉니다. 둘 다 결과를 따라가며 읽게 하지만, 하나는 코드 근거를 붙이는 데, 다른 하나는 직접 정의한 구조를 문서로 만드는 데 무게가 있습니다.

가장 실용적인 차이는 기존 작업물을 버리지 않아도 된다는 점입니다. Mermaid, PlantUML, draw.io, Visio 파일을 가져올 수 있습니다. 결과는 SVG·PNG·Markdown으로도 내보낼 수 있습니다. 새 도구와 기존 문서를 이어 쓰기 쉽습니다.

명령줄 사용에는 Node.js 20.19 이상이 필요하며, Node 22에서는 22.12 이상이어야 합니다. 브라우저 플레이그라운드에서 먼저 써 볼 수 있어 설치 전에 기능을 확인할 수 있습니다. 다만 검증 통과와 설명의 정확성은 별개입니다. 실제 코드나 절차를 담는다면 원본과 대조해야 합니다.

확인할 다이어그램 하나를 JSON으로 간단히 옮겨 브라우저 플레이그라운드에서 만들어 보십시오. 단계별 안내가 실제 순서를 제대로 보여 주는지 살핀 뒤, 내보낸 HTML을 네트워크를 끈 상태에서 열어 보십시오. 연결 없이 열리고 설명도 원본과 맞으면 공유 자료로 써 볼 수 있습니다.

마지막으로 다이어그램을 공유할 때, 상대가 직접 단계를 따라가게 만든 적은 언제입니까?