새로운 다이어그램 도구인 Predictygraph가 개발자 커뮤니티에 공개되어 주목받고 있습니다. 이 도구는 텍스트로 다이어그램을 정의하고 일반 CSS로 스타일을 입히는 방식을 채택하여, 기존의 다이어그램 도구들이 가진 고질적인 문제, 즉 편집 시 전체 레이아웃이 재배열되는 불편함을 해결했습니다. 이는 특히 복잡한 시스템을 다루는 개발자들에게 큰 이점으로 작용할 것으로 예상됩니다.
Predictygraph는 Mermaid나 Graphviz와 같은 기존 도구들이 하나의 상자를 변경하면 전체 그림이 재배열되는 것과 달리, 각 그룹이 자체 레이아웃을 선택하도록 설계되었습니다. 덕분에 특정 부분의 변경이 전체 다이어그램에 미치는 영향을 최소화하여 예측 가능한 편집 경험을 제공합니다. 사용자는 'graph dir=LR'과 같은 간단한 텍스트 명령어로 다이어그램의 방향과 경로를 지정하고, CSS 파일을 연결하여 테마와 스타일을 적용할 수 있습니다. 또한, 'def'와 'use' 명령어로 블록을 재사용하고 'let'으로 값을 공유하는 등 프로그래밍적인 접근 방식을 통해 복잡한 다이어그램도 효율적으로 관리할 수 있습니다. 애니메이션 효과까지 단일 SVG 파일로 포함할 수 있어 동적인 시각화도 가능합니다.
이러한 Predictygraph의 등장은 다이어그램 작성 및 유지보수 방식을 혁신할 잠재력을 가지고 있습니다. '읽기 쉬운 차이(Readable diffs)'를 제공하여 버전 관리 시스템(VCS)에서 변경 사항을 쉽게 추적할 수 있으며, XML이나 좌표 없이 한 줄에 하나의 명령문으로 다이어그램을 정의할 수 있어 가독성이 높습니다. 또한, 다양한 레이아웃(그리드, 계층형 등)을 혼합하여 사용할 수 있어 유연성이 뛰어나고, CSS를 활용한 스타일링은 웹 개발자에게 익숙한 방식으로 다이어그램을 커스터마이징할 수 있게 합니다. 브라우저나 자바스크립트 없이도 동일한 입력에 대해 항상 동일한 SVG 결과물을 보장한다는 점은 협업 환경에서 일관성을 유지하는 데 큰 도움이 될 것입니다.