Pele, Mermaid 다이어그램을 500배 빠르게 렌더링하는 SVG 도구 공개
Pele – Mermaid diagrams as themeable SVG
Obsidian 팀이 Mermaid.js를 대체할 오픈소스 도구 Pele을 공개했다. Mermaid 문법을 그대로 받아 SVG로 렌더링하며, 의존성이 전혀 없고 번들 크기는 230kB로 Mermaid.js의 1.6MB보다 6배 작다. 렌더링 속도는 0.05~0.3ms로 최대 500배 빠르며, Mermaid 12.1.0의 모든 다이어그램 유형을 지원한다. CSS 변수로 테마를 설정해 재렌더링 없이 색상과 폰트를 바꿀 수 있고, 작은 화면에서는 다이어그램을 축소하는 대신 레이아웃을 조정한다.
의존성 없이, 6배 더 작고, Mermaid.js보다 최대 500배 빠릅니다.
HN 토론
26- lukeify
mermaid로 장난감 다이어그램보다 조금이라도 복잡한 걸 그리려고 하면, 매번 결과물의 난해하고 위상적으로 형편없는 레이아웃 때문에 완전히 좌절하게 된다.
그에 비하면 스타일링은 사소한 문제처럼 보인다.
- dbg31415
이런 도구가 정말 놀라운 이유는 Claude가 마크다운 파일 하나를 편집하고 그리고 저장할 수 있게 해주기 때문이다. 정말 실용적이다! 버전 관리에도 친화적이다. 사람들이 쓰는 건 물론이고, AI도 이런 도구 덕분에 정말 크게 도약할 수 있다.
- Imustaskforhelp
pele는 오픈 소스인가요?
소스 코드를 찾아보려고 했는데 못 찾았어요
수정: 찾았습니다, https://github.com/obsidianmd/pele
그리고 여러분, 이건 페이지 상단에 github 아이콘을 두어서 앱이 오픈 소스일 경우 git/github 링크를 쉽게 보여주자는 좋은 상기시키는 계기이기도 합니다. 제가 여러분의 프로젝트에 스타를 누르고 북마크하기도 더 쉬워지는 장점도 있고요 :-D