librrd: CSS 스타일의 다이어그램 레이아웃 언어
Librrd Playground
EPFL의 systemf 그룹이 만든 librrd는 터미널과 비터미널 스테이션, 시퀀스, 스택으로 구성된 다이어그램을 그리기 위한 언어입니다. 레이아웃은 CSS를 모델로 한 스타일시트로 제어하며, 선택자는 태그, 클래스, ID, :root, 자손·자식 결합자를 지원하고, 속성은 align-items, justify-content 등 Flexbox와 유사합니다. 렌더링 스타일시트는 SVG에 직접 CSS를 적용하지만, 글꼴 변경은 텍스트 폭 계산에 영향을 주므로 피해야 합니다.
선택자 언어는 4개의 태그(terminal, nonterminal, sequence, stack)를 가지며, 와일드카드, 클래스, ID 선택자, :root 의사 선택자, 자손 및 자식 결합자를 지원하고, 특이성과 캐스케이딩은 CSS와 동일합니다.