Pele - Mermaid 다이어그램을 테마 적용 가능한 SVG로 렌더링하는 라이브러리
요약
Pele 라이브러리는 Mermaid 다이어그램을 테마 적용 가능한 SVG로 렌더링하는 도구입니다. 이 라이브러리를 사용하면 수동 작업보다 훨씬 화려하고 정교하게 영역별 색상 구분이 가능합니다. 특히 CI/CD 환경에서 다이어그램이 포함된 문서를 생성할 때 유용하며, 기존 Mermaid 렌더링의 배치 문제를 해결하는 데 도움을 줄 수 있습니다.
핵심 포인트
- Pele는 Mermaid를 테마 적용 가능한 SVG로 변환하여 시각적 품질을 높입니다.
- CI/CD 환경에서 다이어그램 문서 생성이 용이해집니다.
- 기존 Mermaid 렌더링의 배치 및 연결선 문제를 개선하는 데 도움을 줄 수 있습니다.
주요 AI 연구소의 기본 모델에 원하는 내용을 넣어 만드는 편임. 대단히 정교한 결과가 필요한 건 아니라 충분히 쓸 만하고, 평소 직접 만드는 것보다 화려하게 영역별 색상 구분까지 해줌. 이후 Mermaid를 렌더링할 수 있는 Lucid에 넣으면 됨.
그래프 배치는 원래 어렵기로 유명한 문제임!
Pele가 오픈 소스인지 궁금해서 소스 코드를 찾아봤지만 처음에는 찾지 못했음. 나중에 찾은 저장소는 https://github.com/obsidianmd/pele임.
오픈 소스 앱이라면 페이지 상단에 GitHub 아이콘을 넣어 저장소 링크를 쉽게 찾도록 해주면 좋겠음. 프로젝트에 별을 누르고 북마크하기도 한결 쉬워짐.
공식 Mermaid 라이브러리는 SVG를 배치할 때 여전히 일반 브라우저나 헤드리스 브라우저 환경이 필요한가? 그렇다면 다른 환경에 Mermaid 렌더링을 내장하려는 입장에서 Pele는 반가운 소식임.
Python의 mermaidx 라이브러리로 이 작업을 할 수 있고, CI/CD 과정에서 다이어그램이 들어간 문서를 생성할 때 잘 작동함. 다만 배치나 렌더링이 종종 상당히 이상해짐.
연결선을 깔끔하게 배치하지 못하고 서로 가로지르게 만드는 경우가 있는데, 배치 설정을 바꿔도 해결되지 않음. 그래서 가끔은 mmdc에서 PNG로 내보내 문서에 넣기도 함.
AI 자동 생성 콘텐츠
본 콘텐츠는 GeekNews의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기