Pele, 테마를 적용할 수 있는 Mermaid 다이어그램 SVG 렌더러
Pele은 Mermaid 문법을 SVG로 렌더링하는 도구로, CSS 변수로 색상과 글꼴을 설정하며 색상 변경은 다시 렌더링하지 않고 적용합니다. 제작자가 공개한 비교에서 gzip 번들 크기는 230kB, 렌더링 시간은 0.05~0.3ms이며 Mermaid.js보다 작고 빠르다고 제시합니다.
언어와 프레임워크, SDK와 개발 방식·도구의 변화를 다룹니다.
Pele은 Mermaid 문법을 SVG로 렌더링하는 도구로, CSS 변수로 색상과 글꼴을 설정하며 색상 변경은 다시 렌더링하지 않고 적용합니다. 제작자가 공개한 비교에서 gzip 번들 크기는 230kB, 렌더링 시간은 0.05~0.3ms이며 Mermaid.js보다 작고 빠르다고 제시합니다.
공기 분자의 충돌에서 출발해 압력파가 소리로 전달되는 과정과 주파수, 음색, 공명, 간섭을 시각적 실험으로 설명합니다. 푸리에 변환, 악기 줄의 진동, 데시벨, 도플러 효과와 반사까지 연결해 소리의 물리와 청각을 폭넓게 다룹니다.
SVG 경로를 복소수 좌표로 샘플링한 뒤 이산 푸리에 변환(DFT)으로 주파수별 계수를 구하면, 회전하는 원들을 이어 원래 윤곽을 그릴 수 있습니다. 글은 복소수와 내적부터 DFT 구현까지 설명하며, 주파수를 더할수록 라마 그림의 세부가 살아나는 과정을 보여줍니다.