ChartSS.css - 마크다운으로 HTML/CSS 기반 차트 생성
(rbitr.github.io)- 접근성을 지원하는 Semantic HTML 차트 + CSS 라이브러리
- 직접 HTML 템플릿을 작성하거나, 마크다운을 Pandoc 이용해서 HTML로 전환 가능
- No JS. 다른 의존성 없음
- Bar, Scatter Plot, Line, Stacked Bar, Waterfall 등 지원
C💚SS.css hart -> heart 로 바꾼 제목이 이해가 가네요.
JS가 없어서 접근성에 대응하는 차트이긴 한데, 스크린리더가 어떻게 읽어줄지는 잘 모르겠네요.
요즘 SVG2는 ARIA 지원에 대해서 따로 고민되고 있어서, 궁극적으로는 SVG를 사용하는게 더 표준적인 방법 아닐까 싶습니다.
https://svgwg.org/svg2-draft/struct.html#WAIARIAAttributes